angularJS（6）

標籤：事件   code   建立   down   use   image   move   blog   paste   

一：angularJs的事件。

1.ng-click指令定義了AngularJS點擊事件。

<div ng-app="myapp" ng-controller="myctrl">    <button ng-click="count=count+1">點贊</button>    <h1><span  style="color:‘red">?</span>{{count}}</h1></div><script type="text/javascript">        angular.module(‘myapp‘,[]).controller(‘myctrl‘,function ($scope) {            $scope.count=0;        })</script>

2.angularJs的事件方法

<div ng-app="mapp" ng-controller="mctrl">  <input type="button" ng-click="toggle()" value="顯示/隱藏">  <div ng-show="hhh">      你的大名：<input type="text" ng-model="uname"><br>    你的稱呼：<input type="text" ng-model="usex"><br>    <h1>{{uname+usex}}</h1>  </div></div><script language="javascript"> var app=angular.module("mapp",[]); app.controller("mctrl",function($scope){      $scope.uname=“黃袍怪";      $scope.usex="妖";      $scope.hhh=true;      $scope.toggle=function(){          $scope.hhh= !$scope.hhh;          }     })</script>

二：下面列一些angularJs常用的事件。

·ng-mousedown 滑鼠按下
·ng-mouseup滑鼠按下彈起
·ng-mouseenter滑鼠進入
·ng-mouseleave滑鼠離開
·ng-mousemove滑鼠移動
·ng-mouseover滑鼠進入

·ng-dblclick雙擊事件
·ng-blur 失去焦時間點事件
·ng-focus擷取焦點
·ng-change更新model
·ng-copy 複製 ctrl+c
·ng-paste 粘貼 ctrl+v
·ng-keydown:鍵盤按下

 三：angularJs過濾器。

AngularJS 過濾器可用於轉換資料：
格式化數字為貨幣格式：currency
從數組項中選擇一個子集：filter
格式化字串為小寫: lowercase
根據某個運算式排列數組：orderBy:’列名’
預設是從小到大排序，如果想從大到小排序，只需在列名前加 – 號
 顯示前幾條: limitTo:3
如：<li ng-repeat=“x in student | orderBy:’uage’ | limitTo:3”>{{x.sname}}</li>
格式化字串為大寫：uppercase

執行個體：{{ uname | uppercase }}

四：angularJs服務（service）

AngularJS 中，服務是一個函數或對象，可在你的 AngularJS 應用中使用。AngularJS 內建了30 多個服務

$location  服務 。 
$http 服務。
$timeout 服務。
$interval 服務。
建立自訂服務。

轉

angularJS（6）