AngularJS双向绑定无法正常工作

时间:2016-03-11 19:46:12

标签: javascript html angularjs

我似乎无法在这里找到答案。所以我问我做错了什么。我有一个方法来测量屏幕的高度并除以div的高度,以便决定一次显示多少个并分页列表中剩余的div。问题是,我无法在加载指令时进行测量,因为div列表尚未加载,因此需要在容器div进入视图时进行测量。这意味着我需要更新控制器范围变量并将其反映在指令范围内。输入双向绑定!它虽然没有工作......你的帮助将不胜感激。代码如下......

var app = angular.module('main');

app.directive('itemList', function(ItemListService){
    var linkFunction = function(scope, element, attributes){
        //this function just initializes the values to be updated
        scope.pagedItems = ItemListService.adaptItemstoFitPage(scope.items);
    }

    return {
        restrict: 'E',
        replace: 'true',
        templateUrl: 'partials/directives/item-list.html',
        link: linkFunction,
        scope: {
             items: "=",
             pagedItems: "="
        }
});

HTML

<item-list paged-items="pagedItems" items="items"></item-list>

在控制器中有一个方法,当单击显示此div列表的按钮并将它们加载到DOM中时,该方法运行

$scope.pagedItems = ItemListService.adaptItemsToFitPage($scope.items);

它运行上面的方法来更新$ scope.pagedItems,但这并没有反映在指令中。我做错了什么?感谢您的帮助。

0 个答案:

没有答案