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

发布时间：2020-12-17 17:57:49 所属栏目：安全来源：网络整理

导读：我有 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它创建循环

我有 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!