angularjs mvvm模式
来源:互联网 发布:最好的网络推广平台 编辑:程序博客网 时间:2024/06/01 07:52
mvvm :Model-View-ViewModel(模型-试图-试图模型)
MVVM模型的优势
低耦合:View可以独立于Model变化和修改,同一个ViewModel可以被多个View复用;并且可以做到View和Model的变化互不影响;可重用性:可以把一些视图的逻辑放在ViewModel,让多个View复用;独立开发:开发人员可以专注与业务逻辑和数据的开发(ViewModel),界面设计人员可以专注于UI(View)的设计;可测试性:清晰的View分层,使得针对表现层业务逻辑的测试更容易,更简单。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title></title> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <body> <div ng-app="hd" ng-controller="ctrl"> 显示数据:<h2 ng-bind="name"></h2> 输入数据:<input type="text" ng-model="name" /> </div> <script type="text/javascript"> var m=angular.module('hd',[]); //双向数据绑定 m.controller('ctrl',['$scope',function($scope){ //viewModel $scope.name="后盾网"; //model server }]); </script> <ul> <li>控制器属于某一个模块</li> <li>$scope属于model</li> </ul> </body> </html>
0 0
- angularjs mvvm模式
- MVC/MVVM/angularjs
- 从angularJS看MVVM
- angularjs的mvvm
- MVVM模式
- MVVM模式
- MVVM模式
- MVVM模式
- MVVM模式
- mvvm 模式
- Mvvm模式
- MVVM模式
- MVVM 模式
- MVVM模式
- MVVM模式
- MVC模式、MVVM模式
- mvp模式、mvvm模式
- WPF中的MVVM模式
- MapRedhuce去重的思想
- 通过子接口实现不同vlan间的互通(也称为:单臂路由)
- Win7 获取管理员权限
- org.apache.hadoop.security.AccessControlException: Permission denied: user=yuanZmy, access=WRITE,
- Atom编辑器快捷键大全
- angularjs mvvm模式
- 理解内建对象的意义
- Git命令
- Shiro-Subject 分析
- 关于sqlserver与mysql中tinyint的坑
- 本博客公告(有问题必看)
- 2.玩转Spring Boot 第一个应用Hello World
- 1014
- Java语言基础(六)之 —— 选择结构(switch语句)