AngularJS 模块
2016-06-14 11:03
561 查看
一个AngularJS模块可用来定义一个应用
模块可以理解成一个容器,盛装着一个应用中的不同部分
模块是应用中控制的容器,也可以说控制器属于模块的一部分
1. 创建一个模块
使用函数angular.module
创建一个模块后,可向其添加控制器(controllers),指令(directives),过滤器(filters)等等.
2. 添加控制器
使用ng-controller指令.
AngulatJS除了包含很多内置指令,还支持用户自定义指令.如:
模块可以理解成一个容器,盛装着一个应用中的不同部分
模块是应用中控制的容器,也可以说控制器属于模块的一部分
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("myAp 4000 p", []); app.directive("testTest", function() { return { template : "I was made in a directive constructor!" }; }); </script>
相关文章推荐
- AngularJS基础教程之简单介绍
- AngularJS中处理多个promise的方式
- AngularJS入门(用ng-repeat指令实现循环输出
- angularJS 中$attrs方法使用指南
- AngularJS实现textarea记录只能输入规定数量的字符并显示
- 深入浅析AngularJS和DataModel
- 简述AngularJS相关的一些编程思想
- 不能不知道的10个angularjs英文学习网站
- AngularJS中的$watch(),$digest()和$apply()区分
- Angularjs中的事件广播 ―全面解析$broadcast,$emit,$on
- AngularJS的一些基本样式初窥
- AngularJS 如何在控制台进行错误调试
- 简单讲解AngularJS的Routing路由的定义与使用
- 创建你的第一个AngularJS应用的方法
- Angularjs过滤器使用详解
- 详解AngularJS中的作用域
- Angular发布1.5正式版,专注于向Angular 2的过渡
- 简介AngularJS的视图功能应用
- AngularJS语法详解
- AngularJS 2.0新特性有哪些