初识angular体验(二)

时间 2020-02-15

原文原文链接

　　不知不觉过了一周了，这期间本人也学习了几章angular的实例教程，上次的分享我说到了angular的好处以及咱们为何要用angular。今天咱们来讲下究竟何时用angular是最好的以及举一些简单的小例子。
　　angular是一个MVC框架，最适于开发客户端的单页面应用。它不是个功能库，而是用来开发动态网页的框架。它专一于扩展HTML的功能，提供动态数据绑定，并且它能跟其它框架（如jQuery）合做融洽。
　　若是你要开发的是单页应用，angular就是你的上上之选。Gmail、Google Docs、Twitter和Facebook这样的应用，都很能发挥angular的长处。可是像游戏开发之类对DOM进行大量操纵、又或者单纯须要极高运行速度的应用，就不是angular的用武之地了。
　　所说angular不是万能的，在该须要用的时候，咱们要合理的运用，并让其发挥其重要做用。
　　下面我来举个小例子让你们来看看它的神奇之处！
　　特性一：双向数据绑定
　　数据绑定是angular最酷最实用的特性。它可以帮助你避免书写大量的初始代码从而节约开发时间。一个典型的web应用可能包含了80%的代码用来处理，查询和监听DOM。数据绑定可以使代码更少，你能够专一于你的应用。
　　咱们想象一下Model是你的应用中的简单事实。你的Model是你用来读取或者更新的部分。数据绑定指令提供了你的Model投射到view的方法。这些投射能够无缝的，绝不影响的应用到web应用中。
　　传统来讲，当model变化了。开发人员须要手动处理DOM元素而且将属性反映到这些变化中。这个一个双向的过程。一方面，model变化驱动了DOM中元素变化，另外一方面，DOM元素的变化也会影响到Model。这个在用户互动中更加复杂，由于开发人员须要处理和解析
　　这些互动，而后融合到一个model中，而且更新View。这是一个手动的复杂过程，当一个应用很是庞大的时候，将会是一件很是费劲的事情。
　　这里确定有更好的解决方案！那就是angular的双向数据绑定，可以同步DOM和Model等等。html

<!doctype html>
<html ng-app="demoApp">
  <head>
    <script src="http://m.cnblogs.com/142260/js/angular.min.js" rel="nofollow"/>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="user.name" placeholder="请输入名字">
      <hr>
      <h1>Hello, `user`.`name`!</h1>
    </div>
  </body>
</html>web

　　以上代码就能够实现文本框和下面h1标签内容的双向绑定，而且实时更新，是否是很神奇呢？
　　好啦，此次的分享就到这里啦，下次分享我会把angular的全部特性都用代码的形式举例出来，而后在把本人所学习的angular以节的形式给你们作一个讲解，但愿个人分享对你们能有所帮助，让咱们共同提升！！！再见啦！！！
app