AngularJS 采用了完全不同的解决方案,它创建实时视图模板代替视图,而不是将数据合并进模板之后更新DOM。

任何一个独立视图组件中的值都是 动态替换的。这个功能可以说是AngularJS中最重要的功能之一。

自动数据绑定使我们可以将视图理解为 模型状态的映射

MCV 是一种软件架构设计模式,它将表现从用户交互中分离出来。通常来讲,模型中包含应用的数据和与数据进行交互的

方法,视图将数据呈现给用户,而控制器则是二者之间的桥梁。

//那么如下 就是我们第一个AngularJS的例子

<input ng-model="name" type="text" placeholder="hello world">

<h1>Hello {{ name }}</h1>

在AngularJS中如果遇到了$符号,你都可以只把它看作是一个AngularJS对象

AngularJS中最特别的就是双向绑定,这就意味着如果视图改变了某个值,数据模型会通过脏检查观察到这个变

化,而如果数据模型改变了某个值,视图也会依据变化重新渲染。

那么应该讲解下什么是控制器了,那么接下来就写我们的第一个控制器

//////////// HTML

<div ng-controller="FirstController">

<input ng-model="person.name" type="text" placeholder="your name">

<h1>HELLO {{ person.name }}</h1>

</div>

//////////// SCRIPT

<script type="text/javascript">

angular.module("myApp", [])

.controller("FirstController", function($scope) {

$scope.person = {

"name": "M-lin"

};

});

</script>

最新文章

  1. InnoDB还是MyISAM 再谈MySQL存储引擎的选择
  2. 进程管理三大扩展工具htop
  3. javascript俄罗斯方块游戏
  4. Oracle RAC安装部署文档
  5. Eclipse不显示项目栏
  6. Saltstack常用模块及API
  7. Laravel学习笔记(六)数据库 数据库填充
  8. 第九章:Javascript类和模块
  9. activeMQ设置admin的用户名和密码
  10. NOIP2014 行记
  11. HDU-3706 Second My Problem First
  12. docker中搭建jenkins环境
  13. pyqt5表格qtablewidget
  14. Ubuntu下deb包的解压、打包、安装、卸载及常用命令参数
  15. Day3---------网络基础和DOS命令
  16. listview、gradview滚动到最后时,滑动至顶部
  17. ORACLE 行转列 案例解析
  18. LeetCode之“动态规划”:Maximal Square &amp;&amp; Largest Rectangle in Histogram &amp;&amp; Maximal Rectangle
  19. Flask开发基础
  20. java validate date

热门文章

  1. PAT甲题题解-1021. Deepest Root (25)-dfs+并查集
  2. Linux内核设计与实现(chapter1/2)
  3. 阅读c#程序——回答问题
  4. [转帖]SSL/TLS/WTLS原理
  5. Git从零开始(一)
  6. 微信 小程序组件 加入购物车全套 one js
  7. php学习目录
  8. HGOI20180813 (NOIP2018 提高组 Day2 模拟试题)
  9. 荷马史诗 NOI2015 解析
  10. bzoj4458 GTY的OJ (优先队列+倍增)