HTML5-angular-rem

上午

1、 Angular(单页面加载,在加载第一个页面的时候,也开始加载别的页面)

这里写图片描述
这里写图片描述
这里写图片描述
此图了解
Angular属于MVC框架
这里写图片描述

例1、此处为单向数据绑定(js)—-index1.html

这里写图片描述
Input框中的值是“王磊”,当在页面上改变值时,对象中的name值不改变
此处是双向数据绑定(用js实现的)
这里写图片描述
此处是用angular实现的双向数据绑定
这里写图片描述
这里写图片描述

例2、去bootcdn下载angular.js—–index2.html

这里写图片描述
用这种路径,可以不在开发工具上引入js,在真正网页上选择这种路径较合适,平时练习不合适,可以省自身浏览器的流量。
这里写图片描述
平时用上面这种路径
这里写图片描述
划线部分告诉系统下面要使用angular,结果显示为2,false,张程昱,王磊。因此可以加减乘除、三目、变量。h2标签知识让结果的字体放大,可以不加h2标签
这里写图片描述
结果为谢叶华、谢叶华
还可以采用对象的形式
这里写图片描述
这里写图片描述

例3—angular的常用属性

ng-repeat
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
划线部分代表下标
这里写图片描述

这里写图片描述

对对象进行遍历,更简便的方法如下

这里写图片描述
K表示键,比如name,v表示键的值
ng-model—-(主要用在input中)
这里写图片描述

前者框的内容变,后者跟着变

ng-bind—-与双花括号实现的效果、用法类似,都能显示出内容,但是这

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值