首頁  >  文章  >  web前端  >  AngularJS的API如何使用

AngularJS的API如何使用

php中世界最好的语言
php中世界最好的语言原創
2018-03-20 10:43:071380瀏覽

這次帶給大家AngularJS的API如何使用,使用AngularJS的API注意事項有哪些,以下就是實戰案例,一起來看一下。

基礎

angular.bootstrap() 手動啟動AngularJS
angular.element()   包裹著一部份DOM element或者是HTML字串,把它當作一個jQuery元素來處理。
angular.module()    創建,註冊或檢索AngularJS 模組

JSON

angular.fromJson()  反�序列化JSON 字串
angular.toJson()    �序列化化JSON 字串

比較

angular.isArray()   如果引用的是陣列回傳true
angular.isDate()    如果引用的是日期回傳true
angular.isDefined () 如果引用的定義回傳true
angular.isElement() 如果引用的是DOM 元素回傳true
angular.isFunction()    如果引用的是函數回傳true
angular.isNumber()  如果引用的是數字回傳true
angular.isObject()  如果引用的是物件回傳true
angular.isString()  如果引用的是字串回傳true
angular.isUndefined()   如果引用的未定義回傳true
angular.equals()    如果兩個物件相等回傳true

轉換

angular.lowercase() 將字串轉換為小寫
angular.uppercase() 將字元串轉換為大寫
angular.copy()  數組或物件深度拷貝
angular.forEach()   物件或陣列的迭代函數

angular.copy(source,destination) 深拷貝

需要複製一個陣列或物件時,如直接使用$scope.user = $scope.master,會導致雙方連動,因此應採用$scope.user = angular.copy($scope.master)
使用時需要注意下面幾點:

如果只有一個參數(沒有指定拷貝的物件),則傳回一個拷貝物件

如果指定了destination,則會深拷貝物件複製給destination

如果source是null或undefined,那麼會直接回傳source

如果source就是desitination,那麼會報錯。

angular.forEach() 物件或陣列的迭代

針對物件循環

var values = {name: 'misko', gender: 'male'};var log = [];
angular.forEach(values, function(value, key) { 
  this.push(key + ': ' + value);
}, log);

針對物件陣列

var objs =[{a:1},{a:2}];angular.forEach(objs, function(data,index,array)
{//data等价于array[index]console.log(data.a+'='+array[index].a);});

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

max-width和min-width的使用技巧

android textinput顯示不全怎麼解決

以上是AngularJS的API如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn