我正在尝试制作一个简单的 AngularJS 应用:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body ng-app="myApp">
<div ng-controller="mainController">
Order by column: <select ng-model="columnName">
<option value="+name">Name ASC</option>
<option value="age">Age ASC</option>
<option value="-salary">Salary DESC</option>
</select>
<br/>
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="employee in employees | orderBy:columnName">
<td>{{ employee.name }}</td>
<td>{{ employee.age }}</td>
<td>{{ employee.salary }}</td>
**<td>{{ employee.salary }}</td>**
</tr>
</tbody>
</table>
</div>
<script src="angular.min.js"></script>
<script src="jquery-1.11.3.js"></script>
<script src="app.js"></script>
</body>
</html>
AngularJS:
var app = angular.module('myApp', []);
app.controller('mainController', ['$scope',function($scope) {
var employees1 = [
{name: 'Jim', age: 18, salary: 4500, DOB: new Date("November 18th, 2009")},
{name: 'Joe', age: 18, salary: 4000, DOB: new Date("November 18th, 2012")},
{name: 'Bob', age: 20, salary: 6000, DOB: new Date("November 18th, 2004")},
{name: 'Rob', age: 45, salary: 1800, DOB: new Date("November 18th, 2001")}
];
$scope.employees = employees1;
$scope.columnName = '+name';
}]);
编辑:
我在我的员工数组中添加了 Date 对象，当我尝试在 tr 的 ng-repeat 中打印它们时，它一直为日期列提供 null:
最佳答案
只需从 orderBy 中删除 ''
<tr ng-repeat="employee in employees | orderBy :columnName">
如果您使用 ''，它将被视为属性名称而不是模型。
关于javascript - AngularJS 应用未加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34714227/