PhoneJS & AngularJS Issue

Question

У меня проблемы с PhoneJS и AngularJS. Кажется, я не могу сделать очень простой виджет select-box привязанным к переменной $scope. Когда я изменяю поле выбора, переменная $scope вообще не обновляется.

HTML:

<div ng-controller="ServiceProviderCtrl">
<div dx-toolbar="{ items: [{ align: 'center', text: 'SERVICE PROVIDER' }] }"></div>
<div class="dx-fieldset">
    <div class="dx-field">
        <div class="dx-field-label">Choose Your Service Provider</div>
        <div class="dx-field-value" dx-select-box="{ bindingOptions: { value: 'data.serviceProvider' },dataSource: serviceProviders, displayExpr: 'company', valueExpr: '_id' }"></div> 

    </div>
</div>
{{data.serviceProvider}}
</div>

контроллер:

app.register.controller('ServiceProviderCtrl', function($scope, $http, $state, configs, CurrentState) {
    $scope.data = {
        serviceProvider: 'bbb'
    };


    $scope.serviceProviders = new DevExpress.data.DataSource({
        load: function() {
            return $.ajax({
                url: 'http://' + configs.domainName + '/account/service-providers',
                xhrFields: {
                    withCredentials: true
                }
            });
        },
        map: function(data) {
            data.text = data.company;
            return data;
        },
        byKey: function(key, extra) {
            return _.first(_.where($scope.serviceProviders.items(), {
                _id: key
            }));
        },
    });
});

Пожалуйста, дайте мне знать, если у вас есть какие-либо предложения. Что касается синтаксиса "регистр", я использую angularAMD.