一、理论:
1.anjularJS特点
a.数据驱动编程
b.声明式编程
c.模块化及概念分离
d.可测性
2.MVC模式:
a.模型:整个应用的驱动力
b.视图:用户可以浏览并与之交互的UI界面
c.控制器:代表着业务逻辑及表现层
3.anjularJS特性记录:
a.依赖注入
b.可扩展性
c.易于测试
4.anjular模块:
a.定一个模块需要传入两个参数
b.加载其他文件中的模块不要忘记加载这些文件
5.anjular控制器特点:
a.获取数据/决定哪些数据呈现给用户/处理页面相关逻辑
b.用户交互
6.ng-controller:
a.anjularJS可以通过名称创建出控制器实例,然后将它关联到DOM元素上
二、实践:
2.
1.anjularJS特点
a.数据驱动编程
b.声明式编程
c.模块化及概念分离
d.可测性
2.MVC模式:
a.模型:整个应用的驱动力
b.视图:用户可以浏览并与之交互的UI界面
c.控制器:代表着业务逻辑及表现层
3.anjularJS特性记录:
a.依赖注入
b.可扩展性
c.易于测试
4.anjular模块:
a.定一个模块需要传入两个参数
b.加载其他文件中的模块不要忘记加载这些文件
5.anjular控制器特点:
a.获取数据/决定哪些数据呈现给用户/处理页面相关逻辑
b.用户交互
6.ng-controller:
a.anjularJS可以通过名称创建出控制器实例,然后将它关联到DOM元素上
二、实践:
1.
<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
</head>
<body>
you input content: <input type="text" ng-model="mainContent" placeholder="dddd.....">
<hr>
Hello {{mainContent || 'want?'}}!
</body>
</html>
2.
<!doctype html>
<html ng-app="notesApp">
<body ng-controller="MainCtrl">
Hello {{ 1+1}} ,new world~
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<script>
angular.module('notesApp',[])
.controller('MainCtrl',[function(){
console.log("MainCtrl is running");
}]);
</script>
</body>
</html>