AngularJs MVC 详解

为什么在前端也需要MVC

1、代码规模越来越大，切分职责是大势所趋

2、为了复用

3、为了后期维护方便

MVC的目的是为了模块化和复用

前端实现MVC的困难

1、操作DOM必须等整个页面加载完

2、多个js如果出现依赖，需要程序员自己解决

3、js的原型继承

Controller

需求：有一些功能，在各个控制器中都会用到，怎么办？

 1 <!DOCTYPE html>
 2 <html lang="en" ng-app="myApp">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript" src="../../jslib/angular.min-1.5.8.js"></script>
 7     <script type="text/javascript" src="demo02.js"></script>
 8 </head>
 9 <body>
10     <div ng-controller="CommonController">
11         <div ng-controller="Controller1">
12             <p>{{greet.text}},AngularJs</p>
13             <button ng-click="test1()">test1</button>
14         </div>
15         <div ng-controller="Controller2">
16             <p>{{greet.text}},AngularJs</p>
17             <button ng-click="test2()">test2</button>
18         </div>
19         <button ng-click="commonFn()">通用</button>
20     </div>
21 </body>
22 </html>

demo02.html