AnjularJS学习(一)-特点、MVC之一

来源:互联网 发布:如何清除苹果6手机数据 编辑:程序博客网 时间:2024/05/18 10:04
一、理论:
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>


0 0
原创粉丝点击