Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在AngularJS中使用具有指令的过滤器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在AngularJS指令中使用过滤器,但不确定如何做到这一点.从邮件列表上的一些信息看来,您应该能够注入$filter并使用它,但我不确定如何/在何处调用它.

我的指令目前看起来像这样

@H_595_3@myApp.directive('fancyDisplay',['$filter',function($filter) { return { scope: { 'fancyDisplay': '=' },template: "<div ng-repeat='datum in fancyDisplay | filter:tagFilter'>{{datum.namE}}</div>" }; }]);

然过滤器:tagFilter不起作用.我该如何过滤指令中的数据?

JSfiddle可在http://jsfiddle.net/VDLqa/4/获得提前感谢您的任何回复.

您正在指令上创建一个新的隔离范围(范围:{‘fancyDisplay’:’=’}),这意味着您将无法从父范围访问属性.由于tagFilter是在父作用域上定义的,因此您将无法访问它.

将tagFilter作为指令的属性传递:

<div fancy-display="model.data" filter="tagFilter"></div>

并在指令上:

scope: {
    fancyDisplay: '=',tagFilter: '=filter'
},

jsfiddle:@L_489_9@

大佬总结

以上是大佬教程为你收集整理的在AngularJS中使用具有指令的过滤器全部内容,希望文章能够帮你解决在AngularJS中使用具有指令的过滤器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。