gpt4 book ai didi

javascript - 为什么 ngRepeat 没有按预期生成有序列表?

转载 作者:太空宇宙 更新时间:2023-11-04 14:26:16 26 4
gpt4 key购买 nike

我正在尝试生成一个有序列表,但每个列表项之前的数字始终为 1。

部分html:

<ol ng-repeat="student in student.gpas | filter: studentName | orderBy: 'gpa'">
<li>{{'Name: ' + student.name + ' GPA: ' + student.gpa}}</li>
</ol>

部分 JavaScript:

$scope.student = {
gpas: [
{ name: "a c", gpa: 3.5 },
{ name: "b c", gpa: 2.5 },
{ name: "c c", gpa: 1.5 },
{ name: "d c", gpa: 0.5 }
]
};

结果:

enter image description here

为什么有序列表不起作用?

最佳答案

ng-repeat 应该在 li 而不是 ol

上完成

演示

angular.module('app', [])
.controller('Main', ['$scope', function($scope) {
$scope.student = {
gpas: [
{ name: "a c", gpa: 3.5 },
{ name: "b c", gpa: 2.5 },
{ name: "c c", gpa: 1.5 },
{ name: "d c", gpa: 0.5 }
]
};
}]);
<!DOCTYPE html>
<html ng-app="app">

<head>
<link rel="stylesheet" href="style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

</head>

<body ng-controller="Main">
<ol>
<li ng-repeat="student in student.gpas | filter: studentName | orderBy: 'gpa'">
{{'Name: ' + student.name + ' GPA: ' + student.gpa}}
</li>
</ol>
</body>
</html>

关于javascript - 为什么 ngRepeat 没有按预期生成有序列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51525808/

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