gpt4 book ai didi

javascript - 在 AngularJS 中动态使用 orderBy 过滤器

转载 作者:行者123 更新时间:2023-11-30 12:09:19 25 4
gpt4 key购买 nike

尝试从输入框中输入排序标准并对内容进行动态排序。代码按原样运行良好,但当我尝试更改时:

orderBy:'age'

orderBy:'{{criteria}}'

这是行不通的。这是代码:

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="testApp" ng-controller="testController">
<p>Enter ordering criteria in the input box:</p>
<p><input type="text" ng-model="criteria"></p>
<p>{{criteria}}</p>
<table class="friend">
<tr>
<th>Name</th>
<th>Phone Number</th>
<th>Age</th>
</tr>
<tr ng-repeat="friend in friends | orderBy:'age'">
<td>{{friend.name}}</td>
<td>{{friend.phone}}</td>
<td>{{friend.age}}</td>
</tr>
</table>
</div>
<script>
var app = angular.module('testApp',[]);
app.controller('testController', ['$scope', function($scope) {
$scope.friends =
[{name:'John', phone:'555-1212', age:10},
{name:'Mary', phone:'555-9876', age:19},
{name:'Mike', phone:'555-4321', age:21},
{name:'Adam', phone:'555-5678', age:35},
{name:'Julie', phone:'555-8765', age:29}];
}]);
</script>
</body>
</html>

最佳答案

{{}} 仅用于非 Angular 表达式中的插值。由于 ng-repeat 是针对 scope 执行的,因此您可以直接引用该变量。

orderBy:criteria

关于javascript - 在 AngularJS 中动态使用 orderBy 过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34242301/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com