使用此功能将数据从组件发送到视图

时间:2017-09-27 00:11:36

标签: angularjs

我的问题在于'这个' 我不知道如何使用'this'从控制器调用数据我尝试'ng-init =“meProfileCtrl.getView()”'并以{{user.name}}

的方式分配数据
'use strict';
function meProfileCtrl(DataService) {
    var self = this;
    this.getView = function () {
        DataService.allData().then(function (response) {
        self.user = response.data.me_view;
        console.log(user);
    }, function(error) {
        alert("error");
    });
}
};
angular.module('app').component('meprofile',{
        templateUrl :'templates/alldata.html',
        controller: meProfileCtrl,
        bindings: {
            getView: '=',
            user: '='
        }
    }
);

1 个答案:

答案 0 :(得分:0)

默认使用 controllerAs 的值$ctrl,因此如果您没有指定,可以使用:$ctrl.getView()

但您可以在组件中定义它,例如:

angular.module('app').component('meprofile',{
        templateUrl :'templates/alldata.html',
        controller: meProfileCtrl,
        controllerAs: myctrl,// <-- here
        bindings: {
            getView: '=',
            user: '='
        }
    }
);

并在您的视图中使用:myctrl.getView()

组件文档:https://docs.angularjs.org/guide/component