在AngularJS中显示一个项目而不使用ng-repeat

前端之家收集整理的这篇文章主要介绍了在AngularJS中显示一个项目而不使用ng-repeat前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有 JSON数组,如:

var data = [
{
  "name": "Jim","age" : 25
},{
  "name": "Jerry","age": 27
}
];

在HTML中:

<ul>
  <li ng-repeat="val in data | filter:{age: age}:true">{{val.name}}</li>
</ul>

上面的代码工作正常,因为我想要输出,但我不想使用ng-repeat它创建循环然后我过滤.

还有其他方法可以直接从数组中选择DATA,其中age = age ??

解决方法

正如@link在评论中提到的那样,没有办法从数组中获取具有所需年龄的对象而不循环遍历它.但是,如果您只想从数组中显示单个对象,那么您认为在此处使用ng-repeat是不合适的,因此理想情况下,所需对象应存储在控制器中.

一种方法是在控制器中使用$filter:

$scope.obj_with_correct_age = $filter("filter")(data,{age: age});

<li>{{ obj_with_correct_age.name }}</li>

猜你在找的Angularjs相关文章