„Module“ in Angularjs verstehen

Dieser Artikel führt Sie durch die „Module“ in angularjs. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Empfohlene verwandte Tutorials: „AngularJS-Tutorial“

Das Modul definiert eine Anwendung.
Module sind Container für verschiedene Teile Ihrer Anwendung.
Module sind Container für Anwendungscontroller.
Ein Controller gehört normalerweise zu einem Modul.

1 Erstellen Sie ein Modul

Sie können ein Modul über die Funktion angle.module von AngularJS erstellen:

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

<script>

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

</script>

Der Parameter „myApp“ entspricht dem HTML-Element, das die Anwendung ausführt.
Jetzt können Sie Ihrer AngularJS-Anwendung Controller, Anweisungen, Filter usw. hinzufügen.

2 Controller hinzufügen

Sie können die ng-controller-Direktive verwenden, um den Controller der Anwendung hinzuzufügen:

<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 Add-Direktive

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

<script>

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

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

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt von„Module“ in Angularjs verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!