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

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

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 :

<p ng-app="myApp">
<p ng-controller="myCtrl"></p>
</p>
<script>
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){// 定义属性的值，传入视图层的表达式中。});
</script>

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!