首页 / JAVASCRIPT / javascript-唯一过滤器在Angular.js中无法正常工作

javascript-唯一过滤器在Angular.js中无法正常工作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-唯一过滤器在Angular.js中无法正常工作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1501字，纯文字阅读大概需要3分钟。

内容图文

我有一个简单的示例,其中我在保护段落的基础上根据唯一年龄过滤值,但出现未知的提供程序错误.怎么样 ？

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <p ng-repeat="x in persons | unique: 'age'">{{x.name}}</p>
<script>
//App declaration
var app = angular.module('myApp',[]);
//Controller Declaration
app.controller('myCtrl',function($scope){
    $scope.persons = [{name: "Peter",age:23},{name:"Laila",age:25},{name:"Rosy",age:23}];
});
</script>
</body> 
</html>

解决方法:

您需要向应用程序注入“ ui.directives”和“ ui.filters”模块

var app = angular.module('myApp',['ui.directive', 'ui.filters']);

由于ui.directives和ui.filters模块存在于AngularUI中,因此您还需要在应用程序中引用angular-ui.js

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script>

您的完整代码应如下所示

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <p ng-repeat="x in persons | unique: 'age'">{{x.name}}</p>
<script>
//App declaration
var app = angular.module('myApp',['ui.directives','ui.filters']);
//Controller Declaration
app.controller('myCtrl',function($scope){
    $scope.persons = [{name: "Peter",age:23},{name:"Laila",age:25},{name:"Rosy",age:23}];
});
</script>
</body> 
</html>

内容总结

以上是互联网集市为您收集整理的javascript-唯一过滤器在Angular.js中无法正常工作全部内容，希望文章能够帮你解决javascript-唯一过滤器在Angular.js中无法正常工作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/682475.html

来源：【匿名】