Maison >interface Web >js tutoriel >Qu'est-ce qu'angularjs ? Explication détaillée d'angularjs (avec exemples inclus)

Qu'est-ce qu'angularjs ? Explication détaillée d'angularjs (avec exemples inclus)

寻∝梦
寻∝梦original
2018-09-08 11:18:151679parcourir

Cet article présente principalement l'introduction de angularjs, afin que tout le monde puisse comprendre ce qu'est angulairejs et quel contenu d'angularjs vous devez savoir se trouve dans l'article. Lisons maintenant cet article ensemble
.

Avant d'apprendre AngularJS, nous devons d'abord comprendre ce qu'est AngularJS ?

1. Angularjs est du HTML spécialement conçu pour les applications.

a : Angularjs lie les données de l'application au HTML.

b : Angularjs peut cloner et dupliquer du HTML.

c : angulairejs peut masquer et afficher le HTML.

d : Angularjs peut ajouter du code dans les éléments HTML.

e : angulairejs prend en charge la validation des entrées.

angularjs est un framework Javascript, qui étend le HTML via des instructions et lie les données au HTML via des expressions. Il existe de nombreuses instructions configurées dans angulairejs, grâce auxquelles nous pouvons facilement effectuer des tâches complexes.

Qu'est-ce que la directive AngularJS :

La directive AngularJS est un attribut HTML préfixé par ng.

Par exemple :

<p ng-app=""></p>

La directive ng-app définit une application angulairejs. (ng-app indique à Angularjs que l'élément e388a4556c0f65e1904146cc1a846bee est le "propriétaire" de l'application Angularjs, ce qui signifie que toutes les méthodes, instructions, etc. ultérieures que nous utilisons dans Angularjs sont complétées dans ce "propriétaire".) (Pensez à pour en savoir plus, rendez-vous sur le site PHP chinois Manuel de développement AngularJS pour apprendre)

expression angulaire :

expression angulaire La formule est écrite entre doubles accolades : {{ }}.

L'expression angulaire js lie les données au HTML.

angularjs "affichera" les données où l'expression est écrite. (C'est-à-dire que {{ }} est utilisé pour afficher les données de sortie).

Les expressions dans Angularjs peuvent contenir du texte, des opérateurs ou des noms de fonctions définis, des variables, etc.

Par exemple :

{{1 * 2}}, {{myFunction()}}, {{firstName + " " + lastName}}

Application angulaire JS

Le module AngularJS (module) définit l'application AngularJS

Le contrôleur AngularJS (contrôleur) est utilisé pour contrôler l'application AngularJS

Pour exemple :

6c13a1a3b09fba4a8d7eb81e8b934aa9
dc47981a3d19b199b9afb13dba0bca4a94b3e26ee717c64999d7867364b1b4a3
94b3e26ee717c64999d7867364b1b4a3
3f1c4e4b6b16bbbd69b2ee476dc4f83a
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){// 定义属性的值,传入视图层的表达式中。});
2cacc6d41bbb37262a98f745aa00fbf0

application de définition de module AngularJS :

var app = angular.module("myApp",[]);

application de contrôle de contrôleur AngularJS :

app.controller("",function($scope){// 定义属性的值,传入视图层的表达式中。});

Remarque : Il est indispensable de définir les modules et les contrôleurs en angulaire.

D'accord, cet article se termine ici (si vous voulez en voir plus, rendez-vous sur le site Web PHP chinois Manuel d'utilisation d'AngularJS pour en savoir plus). , vous pouvez laisser une question 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