<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>ng-repeat指令</title>
<style>
.red{color:red;}
.green{color:green;}
</style>
</head>
<body>
<input type="text" ng-model="lastname">
<ul ng-controller="listenController">
<li ng-repeat="name in students track by $index" ng-class="{red:name.startsWith(lastname)}">{{name}}</li>
</ul>
<script src="bower_components/angular/angular.js"></script>
<script>
angular.module('myApp', [])
.controller('listenController', ['$scope', function($scope){
$scope.students = ['张三','李四','王五','马六','赵七'];
}]);
</script>
</body>
</html>
ng-repeat指令
最新推荐文章于 2022-07-10 11:59:11 发布