码迷,mamicode.com
首页 > Web开发 > 详细

认识 angularjs 及 angularjs 简单实用

时间:2017-07-22 12:03:34      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:rip   space   应用程序   添加   charset   处理   用户操作   logs   模块   

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 指令用于为你的应用添加控制器。

 

认识 angularjs 及 angularjs 简单实用

标签:rip   space   应用程序   添加   charset   处理   用户操作   logs   模块   

原文地址:http://www.cnblogs.com/Judges/p/7220547.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!