标签：
<!DOCTYPE html> <html id="ng-app" ng-app="myApp"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no" /> <title></title> <script> (function(){ ‘use strict‘; // 严格模式 var myApp = angular.module(‘myApp‘,[‘IndexModule‘]) // 定义一个模块 ，子模块会在主模版中引入，主模块会在ng-app里面写入（子模块，在html里面不会出现的。 // 子模块只是为了功能划分。然后子模块内创建一个个的controller，controller会在页面中引入） var IndexModule = angular.module(‘IndexModule‘,[]); // 声明一个子模块，子模块会在主模块内引入 IndexModule.controller(‘IndexCtrl‘,[‘$scope‘, function($scope){ // 定义一个cortroller ，在页面引用，可以创建多个，采用依赖注入的方式，注入$scope对象 $scope.title=" 破破美丽的星期六 " // 数据绑定 } ]) }) </script> </head> <body ng-controller="IndexCtrl"> <div class="title">{{title}}</div> <script type="text/javascript" src="jquery.min.js" ></script> <script type="text/javascript" src="angular.min.js" ></script> <script type="text/javascript" src="angular-animate.min.js" ></script> </body> </html>
一、搭建环境
1、最简的angularjs开发环境，你只需要给你的html页面引入jquery和angularjs两个js文件就可以了。这样就算是搭建好了angularjs的开发环境，你就可以在html里面或者js里面，去写angularjs的代码
2、当然，就和html开始写都会有固定模版(包含html元素、head元素、body元素)一样，写angularjs一样有个模版
3、你首先要声明一个app，然后创建一个模块，一个controller。在页面内引入模块和controller
4、这个步骤结束，就可以在controller里面写代码了对应于html，就是你body标签已经写完了，剩下就是在body标签内写内容了
5、相关链接（http://www.yiibai.com/angularjs/angularjs_environment.html）
二、相关小知识
1、use strict
Javascript 严格模式详解：除了正常运行模式，ECMAscript 5添加了第二种运行模式：“严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。
设立"严格模式"的目的，主要有以下几个：
- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
- 消除代码运行的一些不安全之处，保证代码运行的安全；
- 提高编译器效率，增加运行速度；
- 为未来新版本的Javascript做好铺垫。
三、使用Angluar.js需要注意事项
1、 不要直接设计页面上的操作DOM功能
使用jQuery的时候, 经常是从设计一个页面开始,然后增加一些动态功能. 这是因为jQuery主要为了是从一个小处操作入手,然后逐渐增加更多操作.
但是在AngularJS中, 必须一开始就从功能的结构入手. 同时要时刻提醒不要按照jQuery的设计思维"这里有一段DOM要修改,完成一个X功能", 而是直接先构想功能的结构,然后设计应用,最后在设计视图.
2、 不要在AngularJS,过度使用jQuery
要多结合AngularJS的 Model和Controller一起使用，有很多人认为jquery到angular特别好，但是不要过度使用jquery，作为新手的我们先学会angular之后就在引入jquery
3、jquery版本问题
Jquery-1.8之后没有问题，之前会有一些兼容问题
标签：
原文地址：http://www.cnblogs.com/popo123/p/5673955.html
