相关疑难解决方法(0)

如何在AngularJS中正确使用指令

我正在使用AngularJS的指令执行我的第一步,这个指令对我不起作用.

我有一份ng-repeat清单

<ul ng-after-list-filter>
    <li ng-repeat="item in items | filter:activeFilter.filterType = activeFilter.filterValue">...</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

正在过滤的 $scope.activeFilter.filterValue

我正在尝试创建ng-after-list-filter指令,因此它将在列表被过滤后执行,因此我可以对该新ul元素进行dom操作.

这是我的指令不起作用:

myModule.directive('ngAfterListFilter',function(){
    return {
        restrict: 'A',
        link: function(scope,element,attrs) {
            scope.$watch(scope.activeFilter.filterValue, function(val) {
                console.log('do something here');
            });
        }
    }
});
Run Code Online (Sandbox Code Playgroud)
  1. 我如何使其工作?我假设scope.activeFilter.filterValue没有被更新,但是 - 它在范围内,并且它确实被更新并且列表被过滤.而我正试图观察这个变量,为什么它不起作用?

  2. 有没有更好的方法来创建此指令?我的意思是 - 我希望在列表更新时运行DOM更改(调整事物的大小).所以有没有办法听$('ul').html()?我试过了,但它输出了一个错误,我把原始文本放在javascript中

javascript angularjs

3
推荐指数
1
解决办法
1321
查看次数

标签 统计

angularjs ×1

javascript ×1