如何使用angularjs过滤html div?

时间:2016-10-26 11:17:12

标签: javascript html angularjs

假设我的商店里有10部手机,我想通过输入他们的名字来动态搜索它们。我想过滤掉手机,包括一条告诉手机规格的链接。我如何设计请帮助..

1 个答案:

答案 0 :(得分:0)

正如你所说,你不知道棱角分明,我发布这个答案,如果你需要改变,请告诉我,这是我从问题中理解的。



<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script>
<!DOCTYPE html>
<html ng-app>

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
  </head>

  <body>
  Type your phone from below model :  <input type="text" ng-model="search" />
    <br/>
    {{ [{
'name': 'iPhone7',
'brand': 'Apple',
'model': 'iPhone7'
}, {
'name': 'iPhone6',
'brand': 'Apple',
'model': 'iPhone6'
},] | filter:{'model': search } }}
<br/>
    <a id="link-6" ng-href="{{search}}"  ng-show="search">{{search}}</a>
  </body>

</html>
&#13;
&#13;
&#13;