AngularJS 模块

来源：互联网发布：linux没有service命令编辑：程序博客网时间：2024/06/06 11:45

一个AngularJS模块可用来定义一个应用

模块可以理解成一个容器，盛装着一个应用中的不同部分

模块是应用中控制的容器,也可以说控制器属于模块的一部分

1. 创建一个模块

使用函数angular.module

<div ng-app="myApp">...</div><script>    var app = angular.module("mypp", []);</script>

创建一个模块后，可向其添加控制器(controllers)，指令(directives)，过滤器(filters)等等．

2. 添加控制器

使用ng-controller指令．

<div ng-app="myApp" ng-controller="myCtrl">    {{firstName + " " + lastName}}</div><script>    var app = angular.module("myApp", []);    app.controller("myCtrl", function($scope) {        $scope.firstName = "hello";        $scope.lastName = "world";    });</script>

3. 添加指令

AngulatJS除了包含很多内置指令，还支持用户自定义指令．如：

<div ng-app="myApp" test-test>    {{firstName + " " + lastName}}</div><script>    var app = angular.module("myApp", []);    app.directive("testTest", function() {        return {            template : "I was made in a directive constructor!"        };    });</script>

0 0