来自数组angularjs的单列网格

Question

嗨我想要显示一个数组[＆＃34; text1＆＃34;，＆＃34; text2＆＃34;，＆＃34; text3＆＃34; ]在angularjs的网格中。在这里，我没有字段名称。我怎么做？我还需要在网格中搜索以搜索列中的项目。网格只包含一列，列表中包含列表。应该可以进行排序。如果没有字段名称，我该怎么做？

Answer 1

显示数组：

<table>
  <tr ng-repeat="field in fields">
    <td>{{ field }}</td>
  </tr>
</table>

搜索数组：

<input type="text" ng-model="search.input">

<table>
  <tr ng-repeat="field in fields | filter:search.input">
    <td>{{ field }}</td>
  </tr>
</table>

排序依据：

最简单的方法是使用sort通过javascript：

订购数组

$scope.fields.sort();

但您也可以将orderBy过滤器与角色提供的identity功能结合使用来实现：

$scope.identity = angular.identity;

<table class="table">
  <tr ng-repeat="field in fields | filter:search.input | orderBy:identity">
    <td>{{ field }}</td>
  </tr>
</table>

可以找到真实的plunker here。