码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS 学习笔记(一)

时间:2015-06-01 20:49:18      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:angular   angularjs   

  AngularJS是Google开发的前端框架,angular.js仅有1500行,致力于减轻开发人员在开发AJAX应用程序中的痛苦。

      AngularJS应用中:view就是DOM,controller就是Javascript类,model储存在对象属性中。

      数据绑定可自动将model和view间的数据同步。Angular实现数据绑定的的方式,可以让我们把model当作程序中唯一可信的数据来源。view始终是model的投影。不管是model或者view发生变化时,会自动反映到对方,数据绑定是双向的。Template是在浏览器中编译的,在编译阶段产生一个实时更新的视图。model成为程序中唯一真实的数据来源。

       Angular的依赖注入只是简单的获取它所需要的东西,而不需要创建它们所依赖的东西。简而言之,依赖注入关系Angular会智能地帮开发者处理好,不需要开发者操心。


数据绑定

     ng-app指明AngularJS作用域。

      {{Angular表达式}}表达式不能有条件分支,循环,抛出异常。

      ng-model对应view中value的model。

<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>

<body ng-app>
    <input type="text" ng-model="abc" value="" placeholder="world">
    <br> hello {{abc||"world"}}!
    <script src="http://cdn.bootcss.com/angular.js/1.4.0-rc.1/angular.js"></script>
</body>

</html>

技术分享

       对input text的更改会及时反映到下面。

AngularJS 学习笔记(一)

标签:angular   angularjs   

原文地址:http://iampomelo.blog.51cto.com/10193513/1657172

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!