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

首頁 > 編程 > JavaScript > 正文

angular過濾器實現排序功能

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

本文實例為大家分享了angular過濾器排序的具體代碼,供大家參考,具體內容如下

首先定義一個json文件:

 

然后寫HTML文件:

<div id="box">      <!--第一個下拉框-->      <select ng-model="a">        <option value="age">按照年齡排序</option>        <option value="code">按照編碼排序</option>        <option value="name">按照姓名排序</option>      </select>      <!--升序還是降序-->      <select ng-model="b">        <option value="">升序</option>        <option value="-">降序</option>      </select>      <!--一個搜索框-->      <input type="text" placeholder="請輸入要搜索的內容" ng-model="c"/>    </div>    <!--渲染的數據-->    <div id="wrap">      <table>        <tr>          <th>編碼</th>          <th>姓名</th>          <th>年齡</th>        </tr>        <tr ng-repeat="item in data|filter:c|orderBy:b+a">          <td>{{item.code}}</td>          <td>{{item.name}}</td>          <td>{{item.age}}</td>        </tr>      </table>    </div>

angular:

<script>      var app = angular.module("mk",[]);      app.controller("test",function($scope,$http){        $http.get('json/index.json').success(function(data){            $scope.data = eval(data);            $scope.a = "code";        })      })    </script>

在這種運用到的過濾器有filter 、orderBy

這樣就完成了一個簡單的排序,希望能幫到大家!

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 女性| 始兴县| 巨鹿县| 江陵县| 文成县| 玉田县| 河间市| 万山特区| 闽清县| 石家庄市| 奉节县| 庆阳市| 页游| 温州市| 上栗县| 谷城县| 缙云县| 曲沃县| 华宁县| 建宁县| 贵德县| 肇源县| 宝坻区| 镇赉县| 卢湾区| 德化县| 明水县| 安义县| 石狮市| 新巴尔虎右旗| 南康市| 平泉县| 陆丰市| 阳西县| 林甸县| 盐津县| 恭城| 莱州市| 库尔勒市| 沂源县| 乳山市|