Angularjs Ng-Controller Directive Exemple simple

Auteur：Eve Cole Date de mise à jour：2025-08-13 16:00:04

Directive AngularJS NG-Controller

Instance angularjs

Ajouter des contrôleurs pour les variables d'application:

 <! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </-head> <body> <div ng-app = "myapp" ng-consroll = "MYCTRL"> <div ng-app = "myapp" ng-consroll = "MYCTRL"> <Div Ng-App = "MyAppr" ng-Controller = "MYCTRL"> <Div ng-App = "MyAppr" ng-Contrer = "MYCTRL"> <Div Ng-App = "MyAppr" Ng-Cons Nom: {{FirstName + "" + LastName}} </div> <script> var app = angular.module ('myApp', []); app.Controller ('myctrl', fonction ($ scope) {$ scope.firstname = "John"; $ scope.lastname = "doe";}); </ script> et l'utilisation de la portée. </p> </ body> </html>

Résultats en cours:

Nom complet: John Doe

Cet exemple montre comment définir une utilisation du contrôleur et de la portée.

Définition et utilisation

La directive NG-contrôleur est utilisée pour ajouter des contrôleurs à votre application.

Dans le contrôleur, vous pouvez écrire du code, faire des fonctions et des variables et utiliser des objets de portée pour accéder.

grammaire

<élément ng-controller = "expression"> </element>

Tous les éléments HTML sont pris en charge.

Valeur du paramètre

valeur	décrire
Expression	Nom du contrôleur.

J'espère aider les étudiants qui étudient AngularJS et continuent de compléter les connaissances pertinentes à l'avenir.