您的位置：首页 > Web前端 > JavaScript

AnjularJS学习（一）-特点、MVC之一

2016-04-01 00:19 513 查看

一、理论：

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>

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： anjularJS javascript dom controller module

相关文章推荐

新的分享

章节导航