ホームページ  >  記事  >  ウェブフロントエンド  >  angularjs の組み込み関数についてどれくらい知っていますか? angularjsの組み込み関数の紹介。

angularjs の組み込み関数についてどれくらい知っていますか? angularjsの組み込み関数の紹介。

寻∝梦
寻∝梦オリジナル
2018-09-08 12:01:121396ブラウズ

この記事では、angularjsの組み込み関数を主に紹介し、angularjsでサポートされている多くの機能も紹介します。次に、この記事を一緒に読みましょう

最初にangularjsの組み込み関数を紹介しましょう:

  1. angular. lowercase: 文字列を小文字に変換します

  2. angular.uppercase : 文字列を大文字に変換します

  3. angular.forEach(obj,iterator,[ コンテキスト ]): トラバースこの関数には 3 つのパラメータが含まれており、最初のパラメータは走査する必要のあるオブジェクトまたは配列を表し、2 番目のパラメータは現在のコンテキスト (this) です。 angular

    .
  4. isUnknown

    (value); 値が未定義かどうかを判断します

    angular
  5. .

    isObject( ) ; null を除く値がオブジェクトかどうかを判断します

  6. angular.isString(value); valueがString型かどうかを判断します

  7. 角度. isNumber (value); value の型が Number

  8. angular.isDate( value); value は Date 型です

  9. angular.isArray(value); value が配列であるかどうかを判断します。

  10. angular
  11. .isFunction(value); value が関数型かどうかを判断します

  12. 角度
  13. 要素です( value ); value が JQuery でカプセル化された DOM を含む DOM 要素であるかどうかを判断します

  14. angular.equals(o1,o2);次の条件が満たされると、両方の条件が満たされます。オブジェクトは等しいと見なされます。

o1===o2 は true を返します

  • o1 と o2 のすべての属性は、angular.equals 比較によって等しいです

  • o1 と o 2人ともNAN

  • 2 つの同一の正規表現 (/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 中国語 Web サイトAngularJS 開発マニュアル にアクセスして学習してください)

以下をサポートします関数:

  • <span style="background-color:inherit;color:rgb(51,51,51);">addClass<code style="font-family:Menlo, Monaco, Consolas, 'Courier New', monospace;font-size:12.6px;color:rgb(199,37,78);background-color:rgb(249,242,244);"><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>

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

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

  • <span style="background-color:inherit;color:rgb(51,51,51);">bind</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);">children</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);">clone</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

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

    🎜attr🎜<span style="background-color:inherit;color:rgb(51,51,51);">()🎜 コード> - パラメーターとしての関数はサポートされていません🎜🎜🎜🎜<code style="font-family:Menlo, Monaco, Consolas, 'Courier New', monospace;font-size:12.6px;color:rgb(199,37,78); background-color:rgb(249,242,244);"><span style="background-color:inherit;color:rgb(51,51,51);">bind🎜<span style="background-color:inherit;color: rgb(51,51,51);">()🎜</span></span> - 名前空間、セレクター、またはeventDataはサポートされません🎜🎜🎜🎜<span style="background-color:inherit;color:rgb(51,51,51);">子供🎜<span style="background-color:inherit; color:rgb(51,51,51);">()🎜</span></span> - セレクターはサポートされません🎜🎜🎜🎜<span style="background-color:inherit;color:rgb(51,51,51);">クローン🎜<span style="background-color:inherit;color:rgb( 51,51,51);">()🎜</span></span>🎜🎜🎜🎜<span style="background-color:inherit;color:rgb(51,51,51);">コンテンツ🎜<span style="background-color:inherit;color:rgb(51,51,51);">()🎜</span></span>🎜
  • <span style="background-color:inherit;color:rgb(51,51,51);">css</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - インライン スタイルのみを取得し、<span style="background-color:inherit;color:rgb(51,51,51);">getComputedStyle</span><span style="background-color:inherit; color:rgb(51,51,51);">()</span><span style="background-color:inherit;color:rgb(51,51,51);">getComputedStyle</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

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

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

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

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

  • <span style="background-color:inherit;color:rgb(51,51,51);">find</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);">hasClass</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

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

  • <span style="background-color:inherit;color:rgb(51,51,51);">next</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);">on</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);">off</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span><span style="background-color:inherit;color:rgb(51,51) ,51);">eq</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • 検索() - タグ名による検索に限定されます<span style="background-color:inherit;color:rgb(51,51,51);">one</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

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

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

    🎜<span style="background-color:inherit;color:rgb(51,51,51) ;">html</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>🎜🎜🎜🎜
  • () - セレクターはサポートされていません🎜🎜🎜🎜🎜 - 名前空間、セレクター、eventData はサポートされません🎜🎜🎜🎜🎜 - 名前空間またはセレクターはサポートされません🎜🎜🎜🎜🎜 - 名前空間またはセレクターはサポートされません🎜🎜🎜🎜🎜 - セレクターはサポートされていません🎜
  • <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>

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

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

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

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

  • <span style="background-color:inherit;color:rgb(51,51,51);">triggerHandler</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);">unbind</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit">準備完了</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span><li><p><code style="font-family:Menlo, Monaco, Consolas, 'Courier New', monospace;font-size:12.6px;color:rgb(199,37,78);background-color:rgb(249,242,244);"><span style="background-color:inherit;color:rgb(51,51,51);">val</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">wrap</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);"> 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>

🎜🎜<span style="background-color:inherit;color:rgb(51,51,51);">removeData</span><span style="background-color:継承;color:rgb(51,51,51);">()</span>🎜🎜🎜🎜<span style="background-color:inherit;color:rgb(51,51,51) );">replaceWith</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>🎜🎜🎜🎜テキスト()🎜🎜🎜🎜<span style="background-color:inherit;color:rgb(51,51,51);">toggleClass</span><span style=" background-color:inherit;color:rgb(51,51,51);">()</span>🎜🎜🎜🎜<span style="background-color:inherit;color:rgb(51) ,51,51);">triggerHandler</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - ダミーのイベント オブジェクトをハンドラーに渡します。🎜🎜🎜🎜🎜 - 名前空間はサポートされません🎜🎜🎜🎜<span style="background-color:inherit;color:rgb(51,51,51);">val</span><span style="background-color:inherit;color :rgb(51,51,51);">()</span>🎜🎜🎜🎜<span style="background-color:inherit;color:rgb(51,51,51);">wrap</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>🎜🎜🎜🎜🎜🎜好了,本この項の文章はこれで完了しました (PHP 中文网🎜AngularJS は手册🎜中学を使用することを考えます)、下の方にある可能性のある引用です。

以上がangularjs の組み込み関数についてどれくらい知っていますか? angularjsの組み込み関数の紹介。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。