Maison  >  Article  >  interface Web  >  Comment utiliser les expressions AngularJS ? Détails sur la façon d'utiliser les expressions dans angulairejs

Comment utiliser les expressions AngularJS ? Détails sur la façon d'utiliser les expressions dans angulairejs

寻∝梦
寻∝梦original
2018-09-08 14:26:391370parcourir

Cet article vous présente principalement l'utilisation des expressions dans angularjs, des exemples d'utilisation des nombres angulaires et les détails de l'utilisation des chaînes, des objets et des tableaux angulaires. Voyons maintenant cela. ensemble Cet article

AngularJS utilise des expressions pour lier des données au HTML.

Expression AngularJS

L'expression AngularJS est écrite entre doubles accolades : {{ expression }}.

L'expression AngularJS lie les données au HTML, ce qui est similaire à la directive ng-bind.

AngularJS « produira » les données là où l'expression est écrite. Les

Expressions AngularJS ressemblent beaucoup aux Expressions JavaScript : elles peuvent contenir des littéraux, des opérateurs et des variables.

Instance {{ 5 + 5 }} ou {{ firstName + " " + lastName }}

Numéros AngularJS

Les nombres AngularJS sont comme des nombres JavaScript :

<p ng-app="" ng-init="quantity=1;cost=5">
 <p>总价: {{ quantity * cost }}</p>
 </p>

Même exemple en utilisant ng-bind :

<p ng-app="" ng-init="quantity=1;cost=5">
 <p>总价: <span ng-bind="quantity * cost"></span></p>
 </p>

L'utilisation de ng-init n'est pas très courante. Vous découvrirez une meilleure façon d'initialiser les données dans le chapitre Contrôleurs.

Chaînes AngularJS

Les chaînes AngularJS sont comme les chaînes JavaScript :

<p ng-app="" ng-init="firstName=&#39;John&#39;;lastName=&#39;Doe&#39;">
<p>姓名: {{ firstName + " " + lastName }}</p>
</p>

Même instance utilisant ng-bind :

<p ng-app="" ng-init="firstName=&#39;John&#39;;lastName=&#39;Doe&#39;">
 <p>姓名: <span ng-bind="firstName + &#39; &#39; + lastName"></span></p>
</p>

Objets AngularJS

Les objets AngularJS sont comme les objets JavaScript :

<p ng-app="" ng-init="person={firstName:&#39;John&#39;,lastName:&#39;Doe&#39;}">
 <p>姓为 {{ person.lastName }}</p>
 </p>

*lastName, sensible à la casse (si vous voulez en voir plus, rendez-vous sur le site PHP chinois Manuel de développement AngularJS Learn)

Même exemple en utilisant ng-bind :

<p ng-app="" ng-init="person={firstName:&#39;John&#39;,lastName:&#39;Doe&#39;}">
 <p>姓为 <span ng-bind="person.lastName"></span></p>
 </p>

Les tableaux AngularJS

Les tableaux AngularJS sont comme des tableaux JavaScript :

<p ng-app="" ng-init="points=[1,15,19,2,40]">
 <p>第三个值为 {{ points[2] }}</p>
 </p>

Utiliser des tableaux identiques instance de ng-bind :

<p ng-app="" ng-init="points=[1,15,19,2,40]">
 <p>第三个值为 <span ng-bind="points[2]"></span></p>
 </p>

Expressions AngularJS et expressions JavaScript

Semblables aux expressions JavaScript, les expressions AngularJS peuvent contenir des lettres, des opérateurs et des variables.

Différentes des expressions JavaScript,

Les expressions AngularJS peuvent être écrites en HTML

Les expressions AngularJS ne prennent pas en charge les jugements conditionnels, les boucles et les exceptions.

Les expressions AngularJS prennent en charge les filtres.
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