Que savez-vous des expressions AngularJS ? Explication détaillée des expressions et applications Angularjs (version raffinée)

Cet article parle principalement de l'explication des expressions de angularjs, ainsi que des détails d'application d'angularjs. Jetons un coup d'œil à cet article maintenant

Expressions AngularJS

Les expressions AngularJS sont écrites 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 }}

Expression AngularJS et expression JavaScript

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

Contrairement aux expressions JavaScript, les expressions AngularJS peuvent être écrites en HTML.

Contrairement aux expressions JavaScript, les expressions AngularJS ne prennent pas en charge les jugements conditionnels, les boucles et les exceptions.

Contrairement aux expressions JavaScript, les expressions AngularJS prennent en charge les filtres.

Les directives AngularJS sont préfixées par ng Attributs HTML.

Application AngularJS

AngularJS Module définit l'application AngularJS.

AngularJS Controller (Controller) est utilisé pour contrôler les applications AngularJS. La directive

ng-app définit l'application et la ng-controller définit le contrôleur.

<p ng-app="myApp" ng-controller="myCtrl">

名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}

</p>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
</script>

Application de définition de module AngularJS :

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

Application de contrôle de contrôleur AngularJS :

app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});

Résolution de l'application :
Les applications AngularJS sont définies par ng-app. L'application s'exécute dans

. L'attribut
ng-controller="myCtrl" est une directive AngularJS. Utilisé pour définir un contrôleur.
La fonction myCtrl est une fonction JavaScript.
AngularJS utilise l'objet $scope pour appeler les contrôleurs.
Dans AngularJS, $scope est un objet d'application (appartenant aux variables et fonctions d'application).
Le $scope du contrôleur (équivalent à scope, scope de contrôle) est utilisé pour enregistrer les objets du modèle AngularJS.
Le contrôleur crée deux propriétés (firstName et lastName) dans la portée. La directive
ng-model lie les champs de saisie aux propriétés du contrôleur (firstName et lastName).
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!