angular入门（1） Hello World

  1.  angular js 下载地址 http://code.angularjs.org/angular-1.0.1.min.js   支持IE8及其以上 
  2.  angular 是一个MVVM框架 ，帮你实现 数据绑定与交互 ， 基本 概念   module   controller   model  directive， 具体意思 自己百度吧 不细说了
  3. 废话不多说 上demo

     3.1 实现简单 的数据模型绑定  

        首先每个html页面  必须有一个 或者多个 ng-app 命令   ，只有这样 angularjs 才能根据  命令查找作用域

<html ng-app="test">  作用域 就是整个 app
<body ng-app="test1"> 作用域就是 body

      下面实现一个简单的hello world ，angular 绑定的 字符  都是两个花括号 。

<!DOCTYPE html>
<html ng-app="test">
<head>

    <script src="Scripts/angular-1.0.1.min.js"></script>
<body>
    Your name: r<input focus type="text" ng-model="yourname" placeholder="World">
    <hr>
    Hello {{yourname || 'World'}}!
    <p>1 + 2 = {{ 1 + 2 }}</p>
</body>
</html>

  输出结果 是  即  modle youname 的 内容会自动联动，当文本框 变动时，下面的 文本跟着改变

下一篇  Controller 

 

posted @ 2015-05-12 16:39  N1900  阅读(143)  评论(0)    收藏  举报