[英]ng-filter not apply
<div ng-app="streams">
<div ng-controller="streamsList">
<ul class="streamsList">
<li class="streamsListItem" ng-repeat="(streamer, viewers) in streamerItems | limitTo:5">
<h2>{{streamer | uppercase}}</h2>
<span>{{viewers}}</span>
</li>
</ul>
</div>
</div>
Uppercase is working, but LimitTo not working. 大写是工作,但LimitTo无法正常工作。 Did some one Help?
有人帮忙吗? Maybe it problem in (streamer, viewers)?
也许它(流光,观众)有问题吗?
Here JSON: 这里JSON:
{
"Liquidixmike88": 1721,
"DotaCinema": 746,
"EternaLEnVyy": 649,
"starladder1": 562,
"Anuxinamoon": 165,
"glhf_Reaves": 157,
"Anzecha": 135
}
Because limitTo filter works only with arrays: 因为limitTo过滤器仅适用于数组:
CTRL: CTRL:
function($scope) {
$scope.streamerItems = [
{nick: "TopGun", viewers: 1822},
{nick: "Liquidixmike88", viewers: 1721},
{nick: "DotaCinema", viewers: 746},
{nick: "DotaCinema1", viewers:732},
{nick: "EternaLEnVyy", viewers: 649},
{nick: "starladder1", viewers: 562},
{nick: "Anuxinamoon", viewers: 165},
{nick: "glhf_Reaves", viewers: 157},
{nick: "Anzecha", viewers: 135}
];
}
VIEW: 视图:
<ul class="streamsList">
<li class="streamsListItem" ng-repeat="streamer in streamerItems | limitTo:5">
<h2>{{streamer.nick | uppercase}}</h2>
<span>{{streamer.viewers}}</span>
</li>
</ul>
Demo plunker . 演示人员 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.