Comprendre les "modules" dans Angularjs

Cet article vous fera découvrir le "module" dans angularjs. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Recommandations de tutoriel associées : "tutoriel angulaire js" Le module

définit une application.
Les modules sont des conteneurs pour différentes parties de votre application.
Les modules sont des conteneurs pour les contrôleurs d'application.
Les contrôleurs appartiennent généralement à un module.

1 Créer un module

Vous pouvez créer un module via la fonction angulaire.module d'AngularJS :

<div ng-app="myApp">...</div>

<script>

    var app = angular.module("myApp", [&#39;其他模块&#39;]);

</script>

Le paramètre "myApp" correspond à l'élément HTML qui exécute l'application.
Vous pouvez désormais ajouter des contrôleurs, des directives, des filtres, etc. dans votre application AngularJS.

2 Ajouter un contrôleur

Vous pouvez utiliser la directive ng-controller pour ajouter un contrôleur d'application :

<div ng-app="myApp" ng-controller="myCtrl">
    {{ firstName + " " + lastName }}
</div>

<script>

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

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

</script>

3 Ajouter une commande

<div ng-app="myApp" runoob-directive></div>

<script>

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

    app.directive("runoobDirective", function() {
        return {
            template : "我在指令构造器中创建!"
        };
    });
</script>

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

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!