创建一个控制器:
angular.module('myApp', []).controller('namesCtrl', function($scope) {
$scope.names = [
{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}
];
});
主页内容:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>外部控制器</title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ng-app="myApp" ng-controller="namesCtrl">
<p>循环对象:</p>
<!--
作者:3095842724@qq.com
时间:2017-11-10
描述: 以某个条件排序
-->
<ul>
<li ng-repeat="x in names | orderBy:'country'">
{{ x.name + ', ' + x.country }}
</li>
</ul>
<!--
作者:3095842724@qq.com
时间:2017-11-10
描述: 过滤输入,筛选列表的内容
filter 筛选
-->
<p>
<input type=" text" ng-model="test" />
</p>
<ul>
<li ng-repeat="x in names |filter:test | orderBy:'country'">
{{ (x.name |uppercase)+','+x.country }}
</li>
</ul>
<script src="js/help.js">
</script>
</body>
</html>