AngularJS 1.5组件获得父ngModel

时间:2016-12-28 12:57:40

标签: angularjs angularjs-directive angularjs-scope angular-ngmodel angularjs-components

我无法更改$ ctrl中定义的ngModel。它看起来像这样: 1.我有下一个代码,在index.html中定义组件:

<div ng-controller="appControllerData">
    ...
    <div ng-controller="appControllerData as datactrl">
        <filter-userstat userstat="'isPolicyHolder'"></filter-userstat>
    </div>
    ...
</div>

2。我有组件文件(filter_userstat.html):

<div>
    <input type="checkbox" value="true" ng-model="$ctrl.usersFilter[$ctrl.userstat]"> Some value
</div>

3。我有一个组件(filter_userstat.js):

appModule.component('filterUserstat', {
    templateUrl: 'filter_userstat.html',
    controller: filterUserstatController,
    bindings: {
        userstat: '<'
        // , usersFilter: '<' // I tried everything without any success 
    }
});

function filterUserstatController(){
    // ...
}
  1. 我的控制器中有usersFilter:

    this.usersFilter = $ scope.usersFilter = {         .... };

  2. 当我点击复选框时,无论我做什么,它似乎都不会影响父母的模型。但是,如果我像之前设置的那样在index.html中重新定位此代码,那么一切都很完美。因此,我可以得出结论,需要将父ngModel与组件中的ngModel链接起来。 但我还无法找到方向。 有人建议吗?

0 个答案:

没有答案