首頁 > web前端 > js教程 > AngularJS的API如何使用

AngularJS的API如何使用

php中世界最好的语言
發布: 2018-03-20 10:43:07
原創
1446 人瀏覽過

這次帶給大家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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板