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元素上
二、实践:
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>
0 0
- AnjularJS学习(一)-特点、MVC之一
- AnjularJS 学习笔记(数据的读取)
- AnjularJS 学习笔记(数据的绑定)
- AnjularJS 学习笔记(数据的绑定)
- AnjularJS基础学习(字符拼接)
- AnjularJS初学(AnjularJS验证)
- AnjularJS初学(AnjularJS跨域取值)
- anjularJs学习(一)基础知识及$http和$q服务
- anjularjs 学习1
- 前台模块化RequireJS+anjularJS的实战应用(一)---- 理论基础
- MVC学习(一)
- Spring MVC学习之一(转)
- AnjularJS-imooc学习笔记1
- Spring MVC学习(一)
- Spring MVC学习(一)
- MVC学习笔记(一)
- Spring MVC 学习(一)
- MVC学习笔记(一)
- linux 权限这个东西
- 病毒侵袭 (HDU_2896) AC自动机(Trie图)
- ViewPager+Fragment的预加载问题
- _java web之requestrespone
- 自定义View——神之ViewDragHelper实现ListView滑动删除
- AnjularJS学习(一)-特点、MVC之一
- CraftAR入门教程
- 访问修饰符的真正理解
- Chrome浏览器插件开发入门
- 15. 发货选项(Shipping Options)
- uva 10635 Prince and Princess
- 【卡片】ubuntu 安装 steam “Missing 32-bit libraries: libGL.so.1”
- 详解java的四舍五入与保留位
- shell学习日记2