angular.js - angularjs有什么方法可以根据一个id值去匹配数组数据?

浏览:32日期:2023-02-06

问题描述

我的想法是这样的,在点击html的a标签时,把p的id通过url传出去让另外一个js页面接收到,然后用这个id去数组(TU)中匹配,如果id==tuid则把这个tuid所在的组的数据一个个输出到一个html页面对应的位置。

现在值我是已经接收到了,但是不懂得怎么去数据中匹配数据,然后让所需的数据输出来。麻烦各位前辈指点一下。

接收到的id:

var productNo=common.getQueryString('productNo');

数组结构如下:

var TU = [{ 'tuid':'xy0001', 'imgurl':'img/178.jpg', 'title':'安全椅', 'cost':'86'}, { 'tuid':'xy0002', 'imgurl':'img/178.jpg', 'title':'时尚包', 'cost':'96'},{ 'tuid':'xy0003', 'imgurl':'img/178.jpg', 'title':'娃娃', 'cost':'89'}]

html页面:

<p class=“xsy”> <img src='https://www.6hehe.com/wenda/{{imgurl}}'> <h1>{{title}}</h1> <p>{{cost}}</p></p>

问题解答

回答1:

初始化一个变量,默认为空。

$scope.query = ’’;

把传过来的值赋值给这个变量,循环遍历

ng-repeat='v in TU | filter:{’tuid’:query}

相关文章: