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

Question

对于下面的JSON，如果我想获取每个对象的name值，我应该怎么做呢？ {{x}} 显示 name 和 type 的值，但 {{x.name}} 或{{x.type}} 不起作用。

此外，如果我使用 {{x}} 来显示名称和类型，我如何设置一个可以搜索 name 值的过滤器，但显示整个行，例如，我键入 A，然后显示“A 文件”。

JSON:

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

HTML:

<input type="text" ng-model="searchtext">    

<table>
    <tr>
        <th>NAME</th>
        <th>TYPE</th>
    </tr>
    <tr ng-repeat="t in test">
        <td ng-repeat="x in t | filter: searchtext">
        {{x}}
        </td>
    </tr>
</table>

Answer 1

我不知道 searchtext 是什么样的，但我认为这可能会给出一个想法:

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