国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

angularJs使用$watch和$filter過濾器制作搜索篩選實例

2019-11-19 16:26:54
字體:
來源:轉載
供稿:網友

整理文檔,搜刮出一個angularJs使用$watch和$filter過濾器制作搜索篩選,稍微整理精簡一下做下分享。

<div ng-app="module" ng-controller="ctrl">  搜索: <input type="text" ng-model="search">  <table border="1" width="600">    <tr>      <td>編號</td>      <td>點擊數</td>      <td>標題</td>    </tr>    <tr ng-repeat="(k,v) in lists">      <td>{{v.id}}</td>      <td>{{v.click}}</td>      <td>{{v.title}}</td>    </tr>  </table></div><script>  var m = angular.module('module', []);  m.controller('ctrl', ['$scope', '$filter', function ($scope, $filter) {    $scope.data = [      {id: 1, click: 100, title: '百度'},      {id: 2, click: 200, title: '騰訊'},      {id: 3, click: 300, title: '谷歌'},    ];    //臨時數據用于顯示    $scope.lists = $scope.data;    $scope.$watch('search',function(n,o){      $scope.lists = $filter('filter')($scope.data,n);    });  }]);</script>

效果圖:

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 景德镇市| 招远市| 尼勒克县| 治多县| 平武县| 南陵县| 和顺县| 灯塔市| 安远县| 汤原县| 福贡县| 尉氏县| 印江| 安化县| 寿宁县| 化隆| 阜新| 高要市| 连云港市| 龙川县| 英吉沙县| 五大连池市| 卫辉市| 宁安市| 定结县| 盖州市| 贵德县| 天峻县| 龙岩市| 绍兴市| 东乡| 栖霞市| 赞皇县| 中西区| 宜都市| 平谷区| 巴林右旗| 寻乌县| 高碑店市| 繁昌县| 沽源县|