Angular.js中，引入了专门的ViewModel（视图模型）来实现View和Model的粘合，让View和Model的进一步分离和解耦。
优势：
1、低耦合
2、可重用性
3、独立开发
4、可测试性
MVC
model view controller
模型-视图-控制
数据-页面-业务处理
视图：直接用户操作的页面
模型:参与运算的所有数据（对数据进行过滤、筛选、排序、crud等操作)
控制：数据传递
angular.js的核心功能模块
1、数据的绑定
2、过滤器
3、路由
4、作用域
5、指令集
6、模板
7、依赖注入
使用 angular.js
1 <!DOCTYPE html>
2 <html ng-app="myApp" ng-controller="myCtrl">
3 <!--
4 描述：在 HTML 头部引入 ng-app="myApp" ng-controller="myCtrl"
5 -->
6 <head>
7 <meta charset="utf-8" />
8 <title>Angular.js的指令</title>
9 </head>
10 <body>
11 <script src="js/angular.js"></script>
12 <script>
13 /*
14 * 在 js 代码中引入 下列代码即可使用 Angular.js
15 */
16 angular.module("myApp", []).controller("myCtrl", function($scope) {
17 // Angular.js 处理 函数 "myApp" 对应的是 ng-app 的值； "myCtrl" 对应的是 ng-controller 的值；
18 });
19 </script>
20 </body>
21 </html>
ng-app 指令初始化一个 AngularJS 应用程序。
ng-controller 指令用于为你的应用添加控制器。
时间： 2024-10-07 08:29:35