Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ng repeat Angularjs进行排序_Javascript_Angularjs_Sorting_Angular Ui_Angular Ui Bootstrap - Fatal编程技术网

Javascript 使用ng repeat Angularjs进行排序

Javascript 使用ng repeat Angularjs进行排序,javascript,angularjs,sorting,angular-ui,angular-ui-bootstrap,Javascript,Angularjs,Sorting,Angular Ui,Angular Ui Bootstrap,我有一个数组 $scope.answers=["","","",""] 表示数组有多个空元素 <li ng-repeat="item in answers "><input type="text" ng-model="item"/></li> 在ng repeat中不允许重复值,这会引发错误。如果我使用 <li ng-repeat="item in answers track by $index"><input type="text"

我有一个数组

$scope.answers=["","","",""]
表示数组有多个空元素

<li ng-repeat="item in answers "><input type="text" ng-model="item"/></li>
  • 在ng repeat中不允许重复值,这会引发错误。如果我使用

    <li ng-repeat="item in answers track by $index"><input type="text" ng-model="item"/></li>
    
  • 那么它的工作很好。但是我想在不使用track by$index的情况下使用它,这样对它进行排序也是可行的

    有人能想到这件事吗

    将其添加到控制器中(因为您无法访问HTML标记中的角度对象(范围对象除外)

    然后在HTML中使用以下内容,这样就不会再困扰您了:

    <li ng-repeat="item in answers | orderBy : identity track by $index"><input type="text" ng-model="item"/></li>
    

  • 为什么不像这样使用数组中的对象:

    $scope.answers = [{}, {}, {}, {}, {}];
    
    然后在视图中使用空对象的属性

    <li ng-repeat="item in answers">
        <input type="text" ng-model="item.content"/>
    </li>
    

  • 您可以在下面看到这一点。

    您可以从数组中删除空元素吗?
    <li ng-repeat="item in answers">
        <input type="text" ng-model="item.content"/>
    </li>