Heim  >  Artikel  >  Web-Frontend  >  Wie viel wissen Sie über die integrierten Funktionen von AngularJS? Eine Einführung in die integrierten Funktionen von AngularJS.

Wie viel wissen Sie über die integrierten Funktionen von AngularJS? Eine Einführung in die integrierten Funktionen von AngularJS.

寻∝梦
寻∝梦Original
2018-09-08 12:01:121440Durchsuche

Dieser Artikel führt Sie hauptsächlich in die integrierten Funktionen von AngularJS ein und stellt auch viele von AngularJS unterstützte Funktionen vor. Als nächstes lesen wir gemeinsam diesen Artikel

Lassen Sie uns zu Beginn die integrierten Funktionen von AngularJS vorstellen:

  1. Angular. Kleinbuchstaben: Wandeln Sie die Zeichenfolge in Kleinbuchstaben um

  2. angular.uppercase: Wandeln Sie die Zeichenfolge in Großbuchstaben um

  3. angular.forEach(obj, Iterator, [Kontext]) : Durchlaufen einer Sammlung von Objekte. Der erste Parameter stellt das Objekt oder Array dar, das durchlaufen werden muss. Das dritte Objekt ist der aktuelle Kontext (dieses).

  4. eckig

    .isUndefiniert(Wert); Bestimmen ob der Wert undefiniert ist

  5. eckig >isObject(value); Bestimmen Sie, ob value ein Objekt ist, außer null

  6. eckig.isString(Wert ); Bestimmen Sie, ob der Wert vom Typ String ist

  7. eckig.isNumber(Wert); Bestimmen Sie, ob der Wert vom Typ Zahl ist

  8. eckig.isDate (value); Bestimmen Sie, ob der Wert vom Typ Datum ist

  9. eckig.isArray(Wert); Bestimmen Sie, ob der Wert ein Array ist

  10. angular.isFunction(value); Bestimmen Sie, ob value ein Funktionstyp ist

  11. eckig.isElement(value); Bestimmen Sie, ob value ein DOM-Element ist, einschließlich JQuery-gekapseltem DOM

  12. eckig.gleich(o1, o2); Bestimmen Sie, ob zwei Objekte gleich sind

Wenn eine der folgenden Bedingungen erfüllt ist, gelten sie als zwei Objekte gleich.

  • o1===o2 gibt true zurück

  • Alle Attribute von o1 und o2 sind durch den Angular.equals-Vergleich gleich

  • o1, o2 sind beide NAN

  • Zwei identische reguläre Ausdrücke (/abc/=/abc/) geben in JavaScript „false“ und in eckig „true“ zurück

13 .angular.toJson(obj, pretty); Konvertieren Sie das Objekt in JSON, obj: das Objekt, das konvertiert werden muss, Pretty: true oder eine Zahl, true bedeutet, dass Leerzeichen und Zeilenumbrüche im Objektattributwert beibehalten werden, auf eins gesetzt Zahlen Geben Sie an, Leerzeichen und Zeilenumbrüche zu entfernen. Der Standardwert ist 2, wodurch Leerzeichen und Zeilenumbrüche entfernt werden.

14.eckig.fromJson (json); Konvertieren Sie einen JSON-String in ein Objekt oder Objektarray.

15.eckig.Element(Element);Wrap einen nativen DOM- oder HTML-String in ein JQuery-Objekt.

angularjs verfügt über eine integrierte Miniversion von JQuery, JQlite (Wenn Sie mehr sehen möchten, gehen Sie zu Die chinesische PHP-Website Lernen Sie aus dem AngularJS-Entwicklungshandbuch )

unterstützt die folgenden Funktionen:

  • addClass<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);">after</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);">append</span></codestil> </li> <span style="background-color:inherit;color:rgb(51, 51,51);"> ()<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);">attr</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51) ;">attr<li> <span style="background-color:inherit;color:rgb(51,51,51);">()<p></p></span> </li></span> - Unterstützt keine Funktionen als Parameter<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);">bind<p><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);">children</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

    - Unterstützt keine Namespaces, Selektoren oder EventData
  • <span style="background-color:inherit;color:rgb(51,51,51);">children<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);">clone</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>()

    - Unterstützt keine Selektoren
  • <span style="background-color:inherit;color:rgb(51,51,51);">contents</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);">contents<span style="background-color:inherit;color:rgb(51,51,51);">() Code></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> - Ruft nur Inline-Stile ab, ruft nicht auf ><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>

     - Beschränkt auf die Suche nach Tag-Namen
  • <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>

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

     - Unterstützt keine Namespaces, Selektoren oder EventData
  • <span style="background-color:inherit;color:rgb(51,51,51);">html</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

     - Unterstützt keine Namespaces oder Selektoren
  • <span style="background-color:inherit;color:rgb(51,51,51);">next</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

     - Unterstützt keine Namespaces oder Selektoren
  • <span style="background-color:inherit;color:rgb(51,51,51);">on</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

     - Unterstützt keine Selektoren
  • <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> - Übergibt ein Dummy-Ereignisobjekt an Handler.

  • <span style="background-color:inherit;color:rgb(51,51,51);">unbind</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Unterstützt keine Namespaces

  • <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>

Okay, dieser Artikel endet hier (wenn Sie mehr lesen möchten, besuchen Sie die chinesische PHP-Website AngularJS-Benutzerhandbuch , um mehr zu erfahren. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen).

Das obige ist der detaillierte Inhalt vonWie viel wissen Sie über die integrierten Funktionen von AngularJS? Eine Einführung in die integrierten Funktionen von AngularJS.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn