Javascript 如何使用ng repeat和filter获取JSON数据

对于下面的JSON，如果我想为每个对象获取

name

的值，我应该怎么做

{x}

显示

name

和

type

的值，但是

{{x.name}

或

{x.type}

不起作用

另外，如果我使用

{{x}}

来显示名称和类型，我如何设置一个过滤器来搜索

名称的值，但显示整行，例如，我键入一个，然后显示一个文件

JSON:

 $scope.test = [{"name":"A","type":"file"},{"name":"B","type":"folder"},{"name":"C","type":"folder"}]

Html:


名称
类型
{{x}
我不知道
searchtext
是什么样的，但我想这可能会给出一个想法：

<tr ng-repeat="x in test|filter:searchtext">
  <td>
    <span ng-bind="x.name"></span>
    <span ng-bind="x.type"></span>
  </td>
</tr>



{{value}}
您也可以尝试此代码。但是，我添加了一个div元素而不是一个表




{x.name+''+x.type}
var myApp=angular.module（'app'，[]）；
myApp.controller（'t'，函数（$scope）{
$scope.data=[{“name”：“A”，“type”：“file”}，{“name”：“B”，“type”：“folder”}，{“name”：“C”，“type”：“folder”}]；
});
你试过
{{x['name']}}
了吗？我试过了，但仍然不起作用，但是{x}试着使用
ng repeat=“x in t.name…
。然后x将是唯一的名称我认为它的
{value}
<tr ng-repeat="x in test|filter:searchtext">
  <td>
    <span ng-bind="x.name"></span>
    <span ng-bind="x.type"></span>
  </td>
</tr>

 <tr ng-repeat="t in test">
     <td ng-repeat="(key,value) in t | filter: searchtext">
         {{value}}
     </td>
 </tr>