您的位置：首页 > Web前端 > AngularJS

angularJs<一、数据绑定>

2015-09-11 10:12 711 查看

angularJs的数据绑定是双向的。

在操作之前我们都需要引入angularJs的js文件，下载地址为： http://angularjs.org

1、ng-app；

ng-app是以html的属性方式写入某个标签，用于定义angularJs的作用域范围，比如

<html ng-app="myApp">，<body ng-app="myApp">，<div ng-app="myApp">

分别表示在页面加载完毕后angularjs会ng-app属性标记的html，body，div范围内去检索angularJs的表达式！

2、表达式“{{ }}”：

此表达式表示绑定数据，括号内容可以为作用域（作用域后期再讲，此处先知道概念即可）中的变量，或者普通的字符串，或者数字，或者算式等

3、简单的数据绑定，新建一个html，修改body内容如下：

<body ng-app="">

{{3}}

{{"name"}}

{{100+100}}

</body>

将html拖入浏览器，输出结果为 3 name 200；

分析如下：

在body上标记了 ng-app 那么这里的{{}} 会被angularJs看成是其表达，所以对第一个，和第二个会自动识别为数字和字符输出，第三个表达式会被看成算式，计算结果后输出；

如果你把body中的 ng-app删除后，angularjs则不会去识别表达式，则会原样输出{{3}} {{"name"}} {{100+100}}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航