AngularJs,指令与表达示的使用

不用多说,自己复制下来,运行一下,就明白怎么回事了。
<!DOCTYPE html>
<html>
<body>
<div>
<h3>指令说明</h3>
<p>ng-app 指令初始化一个 AngularJS 应用程序。这个必须写</p>
<p>ng-init 指令初始化应用程序数据。有需要实例化的数据就写,没有的话可以不写,它可以接收普通字符串,数组,对象,如有多个可用分号分隔</p>
<p>ng-model 指令把元素值(比如输入域的值)绑定到应用程序。</p>
<p>======================================</p>
</div>
<div ng-app="" ng-init="firstName='John';lastName='aaa';names=['Jani','Hege','Kai'];person={firstName:'John',lastName:'Doe'}">

<p>在输入框中尝试输入:</p>
<p>姓名: <input type="text" ng-model="firstName"></p><input type="text" ng-model="lastName">
<p>你输入的为: {{ firstName +""+ lastName }}</p>
<p>显示数组: {{ names[1] }}</p>
<p>显示对象: {{ person.lastName }}</p>
<p>也可以这样显示: <span ng-bind="person.lastName"></span></p>
<p>使用 ng-repeat 来循环数组。 同理也可以循环对象</p>
  <ul>
    <li data-ng-repeat="x in names">
      {{ x }}
    </li>
  </ul>
</div>

<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>

</body>
</html>
            


眼镜蛇

posted on 2015-09-08 11:00 眼镜蛇 阅读(163) 评论(0)  编辑  收藏 所属分类: AngularJS


只有注册用户登录后才能发表评论。


网站导航:
 
<2024年12月>
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234

导航

统计

常用链接

留言簿(6)

随笔分类

随笔档案

文章分类

文章档案

搜索

最新评论

阅读排行榜

评论排行榜