Home > Article > Web Front-end > AngularJS_对象数组-filter-orderBy_html/css_WEB-ITnose
AngularJS_对象数组-filter-orderBy_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:30:451161browse
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script> 7 </head> 8 9 <body>10 <div ng-app="myApp" ng-controller="myCtl">11 输入过滤字符：<input type="text" ng-model="test"> 12 <ul>13 <li ng-repeat="x in names | filter:test | orderBy:'firstname'">14 {{x.firstname+','+x.lastname}}15 </li>16 </ul>17 </div>18 <script>19 var app=angular.module("myApp",[]);20 app.controller("myCtl",function($scope){21 $scope.names=[{firstname:'john',lastname:'cena'},{firstname:'bill',lastname:'gates'}];22 });23 </script>24 </body>25 </html>
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：一个简单登录的问题！，谢谢！_html/css_WEB-ITnoseNext article：CSS代码重构与优化之路_html/css_WEB-ITnose