本篇文章主要的向大家介紹了關於angularjs的內建函數的介紹,還有很多angularjs支援的函數介紹。接下來就讓我們一起來看這篇文章吧
我們一開始就來介紹angularjs的內建函數吧:
# #angular.lowercase:將字串轉換為小寫#angular.uppercase:將字串轉換為大寫 #angular.#forEach(obj,
, #[#context])# :遍歷物件集合,該函數包括三個參數,第一個參數表示需要遍歷的物件或數組,第二個參數為一個函數,第三個物件為當前的上下文環境(this); #var values = {name: 'misko', gender: 'male'};
var log = [];
angular.forEach(values, function(value, key) {
this.push(key + ': ' + value);
}, log);
expect(log).toEqual(['name: misko', 'gender: male']);
.isUndefined##(value
angular.isString(value );判斷value是否為String類型
angular.isNumber(value);判斷value是否為Number型別
#angular.isDate (value);判斷value是否為Date型別
#angular.#isArray(value);判斷value是否為數組
angular.isFunction(value);判斷value是否為函數型別
##angular.##isElementangular.##isElement #(value
);判斷value是否為一個DOM元素,包含JQuery封裝的DOM
angular.equals(o1, o2);判斷兩個物件是否相等
符合下列條件之一的,視為兩個對象相等。
o1===o2 回傳true
# o1和o2的所有屬性透過angular.equals比較相等
o1,o2都是NAN
##兩個相同的正規(/abc/=/abc/) 在JavaScript中傳回false,並在angular中傳回true
13.angular
.toJson#(obj##, pretty);將物件轉換為json,obj:需要轉換的對象,pretty:true或一個數字,true表示保留物件屬性值中的空格和換行,設為一個數字表示去掉空格和換行。預設值為2,即去除空格和換行。
###14.###angular######.#####fromJson###### (######json######);將一個json字串,轉換為一個物件或物件陣列。 ############15.angular.#element(element);將一個原生DOM或HTML字串包裹為一個JQuery物件。
angularjs內建了一個迷你版的JQuery,JQlite(想看更多就到PHP中文網 AngularJS開發手冊中學習)
#支援以下函數:
<span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>
<span style="background-color:inherit;color:rgb(51,51,51);">##addClass</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>
<span style="background-color:inherit;color:rgb(51,51,51);">#after</span>##()<span style="background-color:inherit;color:rgb(51,51,51);"> </span>
append<span style="background-color:inherit;color:rgb(51,51,51);"></span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span>
##attr<span style="background-color:inherit;color:rgb(51,51,51);">()</span><span style="background-color:inherit;color:rgb(51,51,51);"> -
Does not support functions as parameters</span>
#bind<span style="background-color:inherit;color:rgb(51,51,51);">()</span><span style="background-color:inherit;color:rgb(51,51,51);"> -
Does not support namespaces, selectors or eventData</span>
#children##()<span style="background-color:inherit;color:rgb(51,51,51);"></span> -
Does not support selectors<span style="background-color:inherit;color:rgb(51,51,51);"></span>
()<span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>
##css<span style="background-color:inherit;color:rgb(51,51,51);"></span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span> -
只檢索內聯樣式,不呼叫
getCompulatedStyle<span style="background-color:inherit;color:rgb(51,51,51);"></span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span>
#data# ####()######()######### <span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);">#空白</span>
()
<span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);">##eq# # ####()#######——##
僅限於按標籤名稱查找</span>
hasClass<span style="background-color:inherit;color:rgb(51,51,51);">()</span><span style="background-color:inherit;color:rgb(51,51,51);"></span>
#html<span style="background-color:inherit;color:rgb(51,51,51);">()</span><span style="background-color:inherit;color:rgb(51,51,51);"></span>
#下一個<span style="background-color:inherit;color:rgb(51,51,51);">#( )</span><span style="background-color:inherit;color:rgb(51,51,51);"> -
不支援選擇器</span>
on<span style="background-color:inherit;color:rgb(51,51,51);">()</span><span style="background-color:inherit;color:rgb(51,51,51);"> -
不支援命名空間、選擇器或 eventData</span>
##off<span style="background-color:inherit;color:rgb(51,51,51);">()</span>## -
不支援命名空間或選擇器<span style="background-color:inherit;color:rgb(51,51,51);"></span>
()<span style="background-color:inherit;color:rgb(51,51,51);"></span> -
不支援命名空間或選擇器<span style="background-color:inherit;color:rgb(51,51,51);"></span>
()<span style="background-color:inherit;color:rgb(51,51,51);"></span># -
不支援選擇器<span style="background-color:inherit;color:rgb(51,51,51);"></span>
<span style="background-color:inherit;color:rgb(51,51,51);">prepend</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>
<span style="background-color:inherit;color:rgb(51,51,51);">prop</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>
<span style="background-color:inherit;color:rgb(51,51,51);">#ready</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>
<span style="background-color:inherit;color:rgb(51,51,51);">remove</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>
<span style="background-color:inherit;color:rgb(51,51,51);">#removeAttr</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>
<span style="background-color:inherit;color:rgb(51,51,51);">#removeClass</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>
##removeData<span style="background-color:inherit;color:rgb(51,51,51);"></span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span>
#replaceWith<span style="background-color:inherit;color:rgb(51,51,51);"> </span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span>
text<span style="background-color:inherit;color:rgb(51,51,51);"></span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span>
toggleClass<span style="background-color:inherit;color:rgb(51,51,51);"></span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span>
triggerHandler<span style="background-color:inherit;color:rgb(51,51,51);"></span>#()<span style="background-color:inherit;color:rgb(51,51,51);"></span> -
Passes a dummy event object to handlers.
#unbind<span style="background-color:inherit;color:rgb(51,51,51);">##()</span><span style="background-color:inherit;color:rgb(51,51,51);"> -
Does not support namespaces</span>
val<span style="background-color:inherit;color:rgb(51,51,51);">()</span><span style="background-color:inherit;color:rgb(51,51,51);"></span>
wrap<span style="background-color:inherit;color:rgb(51,51,51);">()</span><span style="background-color:inherit;color:rgb(51,51,51);"></span>
#好了,這篇文章到這裡就結束了(想看更多就到PHP中文網
AngularJS使用手冊#以上是angularjs的內建函數你知道多少? angularjs的內建函數的介紹。的詳細內容。更多資訊請關注PHP中文網其他相關文章!