Maison  >  Article  >  interface Web  >  Que savez-vous des fonctions intégrées d’angularjs ? Une introduction aux fonctions intégrées d'angularjs.

Que savez-vous des fonctions intégrées d’angularjs ? Une introduction aux fonctions intégrées d'angularjs.

寻∝梦
寻∝梦original
2018-09-08 12:01:121396parcourir

Cet article vous présente principalement les fonctions intégrées de angularjs, et présente également de nombreuses fonctions prises en charge par angulairejs. Ensuite, lisons cet article ensemble

Présentons les fonctions intégrées d'angularjs au début :

  1. angular. lowercase : Convertir la chaîne en minuscules

  2. angular.uppercase : Convertir la chaîne en majuscules

  3. angulaire.forEach(obj, itérateur, [context]) : Parcourir une collection de objets.Cette fonction comprend trois paramètres.Le premier paramètre représente l'objet ou le tableau qui doit être parcouru.Le deuxième paramètre est une fonction.Le troisième objet est le contexte actuel (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. angulaire
  5. .estUndéfini(valeur) ; Déterminer si la valeur est indéfinie

  6. angulaire. isObject(value); Détermine si la valeur est un objet, à l'exclusion de null

  7. angulaire.isString(valeur ); Déterminer si la valeur est de type chaîne

  8. angular.isNumber(value); Déterminez si la valeur est de type Number

  9. angulaire.isDate (value); Détermine si la valeur est de type Date

  10. angulaire.isArray(valeur); Déterminer si la valeur est un tableau

  11. angular.isFunction(value); Déterminer si la valeur est un type de fonction

  12. angulaire.isElement(value); Déterminer si la valeur est un élément DOM, y compris le DOM encapsulé JQuery

  13. angulaire.est égal à(o1,o2); Déterminer si deux objets sont égaux

Si l'une des conditions suivantes est remplie, ils sont considérés comme deux objets égaux.

  • o1===o2 renvoie vrai

  • Tous les attributs de o1 et o2 sont égaux grâce à la comparaison angulaire.equals

  • o1, o2 sont tous deux NAN

  • Deux expressions régulières identiques (/abc/=/abc/) renvoient false en JavaScript et true en angulaire

13 .angulaire.toJson(obj, joli); Convertir l'objet en json, obj : l'objet qui doit être converti, joli : vrai ou un nombre, vrai signifie conserver les espaces et les nouvelles lignes dans la valeur de l'attribut de l'objet, défini sur un nombre. indique la suppression des espaces et des nouvelles lignes. La valeur par défaut est 2, ce qui supprime les espaces et les nouvelles lignes.

14.angulaire.deJson (json); Convertit une chaîne json en un objet ou un tableau d'objets.

15.angulaire.élément(élément);Enveloppez une chaîne DOM ou HTML native dans un objet JQuery.

angularjs a une mini version intégrée de JQuery, JQlite (Si vous voulez en voir plus, allez sur Site Web PHP chinois Apprendre du manuel de développement AngularJS )

prend en charge les fonctions suivantes :

  • 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=" couleur d'arrière-plan: hériter; couleur: rgb (51,51, 51);">après</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>
  • ()
  • <span style="background-color:inherit;color:rgb(51,51,51);">attr</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • attr<li> <span style="background-color:inherit;color:rgb(51,51,51);">()<p></p></span> </li> - Ne prend pas en charge les fonctions en tant que paramètres<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>

    - Ne prend pas en charge les espaces de noms, les sélecteurs ou les eventData
  • <span style="background-color:inherit;color:rgb(51,51,51);">enfants<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>()

    - Ne prend pas en charge les sélecteurs
  • <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: hériter;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> - Récupère uniquement les styles en ligne, n'appelle pas <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> - Limité aux recherches par nom de balise

  • <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> - Ne prend pas en charge les sélecteurs

  • <span style="background-color:inherit;color:rgb(51,51,51);">on</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Ne prend pas en charge les espaces de noms, les sélecteurs ou eventData

  • <span style="background-color:inherit;color:rgb(51,51,51);">off</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Ne prend pas en charge les espaces de noms ou les sélecteurs

  • <span style="background-color:inherit;color:rgb(51,51,51);">one</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Ne prend pas en charge les espaces de noms ou les sélecteurs

  • <span style="background-color:inherit;color:rgb(51,51,51);">parent</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Ne prend pas en charge les sélecteurs

  • <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> - Transmet un objet d'événement factice aux gestionnaires.

  • <span style="background-color:inherit;color:rgb(51,51,51);">unbind</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Ne prend pas en charge les espaces de noms

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

D'accord, cet article se termine ici (si vous voulez en savoir plus, rendez-vous sur le site Web PHP chinois Manuel d'utilisation d'AngularJS pour en savoir plus). Si vous avez des questions, vous pouvez laisser un message ci-dessous.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn