<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body ng-app='myApp' ng-controller='myCtrl'>
<input type="text" ng-model='ipt' name="">
<div ng-repeat="item in datas | filter:ipt">{{item}}</div>
<script src="https://cdn.bootcss.com/angular.js/1.2.0/angular.js"></script>
<script type="text/javascript">
angular.module('myApp',[])
.controller('myCtrl',['$scope',function($scope){
$scope.ipt = '';//綁定文本框數(shù)據(jù)
$scope.datas = [
'小鳥',
'小狗',
'小貓',
'花蛇',
'大灰狼'
]
}])
</script>
</body>
</html>
下面是運行截圖：
image.png
image.png
image.png
