Angungular.js 的過濾器&工具方法

 

字母大小寫

數字

 貨幣

 截取字符串

 截取數組

 用JS操做

 ----------------------------------------------------------------------------------

小工具小方法通常用來判斷,

1判斷數據類型
//angular.isString(數據)
//返回一個bool值
console.log(angular.isString(2))

2判斷數據相等
// == === 嚴格等於<包括數據類型>

equals 平等
var a = '12'
var b = 12;
console.log(angular.equals(a,b));

3json數據
//json 字面量建立對象
var person = {
　　name:'susu',
　　age:18
}
//tojson json對象==>字符串
var str = angular.toJson(person);
console.log(str)

//fromjson 字符串==>對象
var json = angular.fromJson(str);
console.log(json);

4遍歷
//遍歷對象
angular.forEach(person,function (value,key) {
console.log(key+":"+value);
})

//遍歷數組
var array = ['apple','banana','orange','pear'];
angular.forEach(array,function (value,index) {
console.log(index+":"+value);
})

5綁定

var dog = {
　　name:'旺財',
　　brand:'藏獒',
　　age:5
}

//功能:一個普通的方法 能夠相似構造方法同樣
經過this關鍵字引用 調用當前方法的對象

var fn = angular.bind(dog,function () {
console.log(this.name)
})
fn();

 

 each遍歷和map遍歷的區別

//each 遍歷
//map 每次遍歷會返回一個數據 總體map會返回一個新數組(數據)

//數組===>for i
//對象===>for in each

 

 ---------------------------------------------------------------------------------------------

Angular的指令

<!--設置不活躍狀態-->
<input type="button" value="按鈕1" ng-disabled="true">
<input type="button" value="按鈕2" ng-disabled="false">

<!--不能夠選中 不能夠輸入--> 只讀
<input type="text" value="請輸入密碼" ng-readonly="true">

 

 

<!--ng-selected 設置默認選中狀態 -->
<select name="" id="">
<option value="1">男</option>
<option value="2">女</option>
<option value="3" ng-selected="true">女漢子</option>
</select>

 

<!--ng-model value 設置默認狀態 -->
<input type="radio" value="1" ng-model="sex">女 {{sex}}
<input type="radio" value="2" ng-model="sex">男 {{sex}}

script部分

angular.module("myApp",[]) .controller('myCtrl',function ($scope) { $scope.sex = 1; })