将服务数据加载到角度组件

时间:2017-02-07 15:00:23

标签: javascript angularjs

我有一个组件负责绘制两个列表,但在组件中没有数据,所以没有绘制任何内容。

myController的

function loadAllData() {
                Admin.getAllSettings()
                .then(function (settings) {
                    $scope.settings = settings.data;
                })
            }

myComponent的

{
        bindings: {
            selectedData: '=',
            availableData: '<'
        },
        templateUrl: 'global/twoListSelector.directive.html',
        controller: function () {
            var me = this;

            console.log(me);
        }
    }

MyView的

<two-side-selector selectedData="doctorProperties" availableData="settings"></two-side-selector>

在console.log中,me.settings的输出未定义。不应该在摘要周期更新设置属性,以便它到达组件?该服务正确地返回数据,但它没有进入组件

我使用的是角1.5.9

1 个答案:

答案 0 :(得分:2)

尝试在标记处使用selected-data和available-data属性:

<two-side-selector selected-data="doctorProperties" available-data="settings"></two-side-selector>

AngularJS将破折号分隔的属性单独转换为驼峰式