javascript - 将服务数据加载到 Angular 组件中

Question

我有一个负责绘制两个列表的组件，但该组件中没有数据，因此没有绘制任何内容。

我的 Controller

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

我的组件

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

            console.log(me);
        }
    }

我的 View

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

在 console.log 中，me.settings 的输出未定义。摘要循环不应该更新设置属性以便它到达组件吗？服务正确返回数据，但未到达组件

我使用的是 Angular 1.5.9

Answer 1

尝试在标记中使用选定数据和可用数据属性:

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

AngularJS 将破折号分隔的属性自行转换为驼峰式大小写