AngularJS入门笔记（4）

AngularJS 入门小记（4）

angularJS过滤器

angularJS 过滤器用于筛选数据，对数据进行一些基础的筛选操作

此处把通过|uppercase把LastName都转换为大写

<div ng-app="myApp" ng-controller="personCtrl">
<p>姓名为 {{ lastName | uppercase }}</p>
</div> 

-还有一些其他的过滤功能比如：转换成货币格式，从数组中选择子集并排序等

代码如下,转换货币格式

<div ng-app="myApp" ng-controller="namesCtrl">
<ul>
   <li ng-repeat="x in names | orderBy:'country'">
     {{ x.name + ', ' + x.country }}
  </li>
</ul>
<div> 

从数组中选择子集并排序

<div ng-app="myApp" ng-controller="namesCtrl">
<p><input type="text" ng-model="test"></p>
<ul>
  <li ng-repeat="x in names | filter:test | orderBy:'country'">
    {{ (x.name | uppercase) + ', ' + x.country }}
  </li>
</ul>

angularJS服务

在angularJS中，服务是函数或者对象

比$location可以返回当前页面URL

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $location) {
    $scope.myUrl = $location.absUrl();
 }); 

注意此处$location要先在controller中声明，作为一个参数来调用 ，                                                                                                另外还有$http作为服务来向服务器发送请求，并响应服务器传送过来的数据,$timeout,$interval等

-当然angularJS还允许自定义服务