首頁 >web前端 >js教程 >angularjs的內建函數你知道多少? angularjs的內建函數的介紹。

angularjs的內建函數你知道多少? angularjs的內建函數的介紹。

寻∝梦
寻∝梦原創
2018-09-08 12:01:121461瀏覽

本篇文章主要的向大家介紹了關於angularjs的內建函數的介紹,還有很多angularjs支援的函數介紹。接下來就讓我們一起來看這篇文章吧

我們一開始就來介紹angularjs的內建函數吧:



  1. # #angular.lowercase:將字串轉換為小寫#angular.uppercase:將字串轉換為大寫 #angular.#forEach(obj,

  2.  iterator
  3. , #[#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']);

  4. angular
  5. .isUndefined##(value

    ############## ##);判斷value是否為undefined#################################angular#####. ######isObject######(######value######);判斷value是否為對象,不包含null########### #######
  6. angular.isString(value );判斷value是否為String類型

  7. angular.isNumber(value);判斷value是否為Number型別

  8. #angular.isDate (value);判斷value是否為Date型別

  9. #angular.#isArray(value);判斷value是否為數組

  10. angular.isFunction(value);判斷value是否為函數型別

  11. ##angular.##isElementangular.##isElement #(value
    );判斷value是否為一個DOM元素,包含JQuery封裝的DOM

    ########
  12. 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>

  • clone

    ()<span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>

    # #####contents######()##########
  • ##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>

  • one

    ()<span style="background-color:inherit;color:rgb(51,51,51);"></span> - 不支援命名空間或選擇器<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • parent

    ()<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中文網其他相關文章!

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