模块化

作者: 嗯嗯_7a53 | 来源:发表于2017-06-07 21:08 被阅读0次
# 什么是模块化 #
AngularJS构建应用(App)时是以模块化(model)的方式组织的,即将整个应用划分成若干模块,每个模块都有各自的职责,最终组合成一个整体
## 采用模块化的组织方式,可以最大程度的实现代码的复用性  ##
## 如何定义模块化 ##
## 创建模块 ##
var app = angular.module('app',[]);

## 创建控制器 ##
app.controller('xmgController',['$scope',function($scope){
$scope.name = "xmg";
$scope.age = 20;
$scope.course = ['css','html','js'];
$scope.students = {
{name:'小胡',age:13},
{name:'圆圆',age:15}
};
}]);

## 绑定模块 ng-app="模块名称"
<body ng-app="app">

## 绑定控制器 ##
<ul ng-controller="xmgController">
<li>{{name}}</li>
<li>{{age}}</li>
<br>
<li ng-repeat="{key,value} in course">{{key}}{{value}}</li>
<li ng-repeat="value in students">{{value.name}}{{value.age}}</li>
</ul>

</body>



相关文章

  • ES6学习笔记 II

    模块化 注意:模块化需要放到服务器环境使用模块化: 定义模块化如下 export export const a =...

  • 前端开发——模块化(css模块化开发)

    掌握模块化开发的思想是我们进行模块化开发的基础。他有以下几部分组成: 模块化开发的优势 css模块化 css模块化...

  • Node.js模块化学习

    模块化的基本概念Node.js 中模块化npm与包模块的加载机制 模块化的基本概念 什么是模块化 模块化是指解决一...

  • webpack基础笔记

    webpack基础 1.前端工程化 实际的前端开发: 模块化:(js的模块化,css的模块化,资源的模块化) 组件...

  • 模块化开发

    js模块化开发vue模块化开发

  • Vue前端工程化

    1.模块化的分类 A.浏览器端的模块化 B.服务器端的模块化 C.ES6模块化 小结:推荐使用ES6模块化,因为A...

  • 前端工程化

    1.模块化的分类 A.浏览器端的模块化 B.服务器端的模块化 C.ES6模块化 小结:推荐使用ES6模块化,因为A...

  • vue5

    es6新内容 class 解构赋值 扩展对象 模块化 什么是模块化 模块的作用 怎么实现模块化 模块化的标准 Co...

  • Vue基础教程之-组件核心概念(四)

    一、模块化 1.1 为什么需要模块化 没有模块化的世界:全局变量污染、难以管理的依赖。常见的模块化标准:Commo...

  • vue项目基建

    路由模块化 , 高频全局组件模块化 权限

网友评论

      本文标题:模块化

      本文链接:https://www.haomeiwen.com/subject/ojbafxtx.html