Ng-Repeat:按唯一性过滤 [英] Ng-Repeat: Filter By Uniqueness
问题描述
虽然我安装了 ui-boostrap
,但浏览器向我发送了一个错误 Error: [$injector:unpr] Unknown provider: uniqueFilterProvider <- uniqueFilter
json 对象
<代码>{"_id" : ObjectId("55b81956fde835be46f22294"),生活":真实,域":{隐藏":真实,名称":Eukarya"},王国":{隐藏":真实,名称":动物界"},"phylum" : { "hidden" : true, "name" : "Chordata" },"klass" : { "hidden" : true, "name" : "Mammalia" },"order" : { "hidden" : true, "name" : "carnivoria" },家庭":{隐藏":真实,名称":疱疹科"},"genus" : { "hidden" : true, "name" : "galerelaa" },物种":{隐藏":真实,名称":猫鼬"},照片":{隐藏":真实,网址":http://room909.com/wp-content/gallery/drawings-by-jared-flynn/snake-v-mongoose-web.jpg"},__v":0}{"_id" : ObjectId("55b81956fde835be46f22295"),生活":真实,域":{隐藏":真实,名称":Eukarya"},王国":{隐藏":真实,名称":动物界"},"klass" : {"name": "Bivalvia", "hidden": true},"order" : { "hidden" : true, "name" : "Ostreoida" },"family" : {"name": "Ostreidae", "hidden": true},"genus" : { "hidden" : true, "name" : "" },物种":{隐藏":真实,名称":"},照片":{隐藏":真实,网址":http://a-z-animals.com/media/animals/images/470x370/oyster5.jpg"},__v":0}
html
</节>
我还尝试了对唯一值的变化,例如 domain.name
和 domain
,但它们都带来了相同的错误.
我找到了答案.我们所要做的就是简单地安装美妙的、天才的、不可替代的 a8m angular-filter 库与 bower
/npm
,添加到我的依赖项数组 (@Joy),并使用语法 ng-repeat="animal in animal | unique: 'domain.name'"
一切正常.
Though I have ui-boostrap
installed, the browser shoots me an error Error: [$injector:unpr] Unknown provider: uniqueFilterProvider <- uniqueFilter
json objects
{
"_id" : ObjectId("55b81956fde835be46f22294"),
"life" : true,
"domain" : { "hidden" : true, "name" : "Eukarya" },
"kingdom" : { "hidden" : true, "name" : "Animalia" },
"phylum" : { "hidden" : true, "name" : "Chordata" },
"klass" : { "hidden" : true, "name" : "Mammalia" },
"order" : { "hidden" : true, "name" : "carnivoria" },
"family" : { "hidden" : true, "name" : "herpestidae" },
"genus" : { "hidden" : true, "name" : "galerelaa" },
"species" : { "hidden" : true, "name" : "Mongoose" },
"photo" : { "hidden" : true, "url" : "http://room909.com/wp-content/gallery/drawings-by-jared-flynn/snake-v-mongoose-web.jpg" },
"__v" : 0
}
{
"_id" : ObjectId("55b81956fde835be46f22295"),
"life" : true,
"domain" : { "hidden" : true, "name" : "Eukarya" },
"kingdom" : { "hidden" : true, "name" : "Animalia" },
"klass" : {"name": "Bivalvia", "hidden": true},
"order" : { "hidden" : true, "name" : "Ostreoida" },
"family" : {"name": "Ostreidae", "hidden": true},
"genus" : { "hidden" : true, "name" : "" },
"species" : { "hidden" : true, "name" : "" },
"photo" : { "hidden" : true, "url" : "http://a-z-animals.com/media/animals/images/470x370/oyster5.jpg" },
"__v" : 0
}
html
<section class="footer">
<div id="explanation" class="container">
<div ng-repeat="animal in animals | unique: 'animal.domain'" ng-hide="domain" class="panel panel-default">
<p class="panel-body">{{animal.domain.name}}</p>
</div>
</div>
</section>
I've also tried variations on the unique's value like domain.name
and domain
, but they all bring the same error.
I found an answer. All we have to do is, instead, simply installed the wonderful, genius, un-replaceable a8m angular-filter library with bower
/npm
, added to my array of dependencies (@Joy), and used the syntax ng-repeat="animal in animals | unique: 'domain.name'"
and everything works fine.
这篇关于Ng-Repeat:按唯一性过滤的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!