Bài 23: Angularjs format và filtering phần 1
Lượt xem: 2318
Xem demo
Angularjs format và filtering
Làm thế nào để filter dữ liệu trong angularjs, filtering với format hiện tại. Cùng xem ví dụ sau:
<html>
<head>
<title> Chỉ thị ng-disable</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script>
angular.module('myWebApp', []).controller('listnamesCtrl', function($scope) {
$scope.names = [
{name:'Nam',country:'HoChiMinh'},
{name:'Bac',country:'HaNoi'},
{name:'Trung',country:'DaNang'}
];
});
</script>
</head>
<body>
< div div ng-app="'myWebApp'" ng-controller="'listnamesCtrl'" >
<p>Filtering input:</p>
<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>
</body>
</html>
Xem demo