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}}