angularJs<一、数据绑定>

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值