博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【angularjs】数据绑定
阅读量:2241 次
发布时间:2019-05-09

本文共 808 字,大约阅读时间需要 2 分钟。

文章目录

因为公司的需要,开始学习angularjs。
准备:
webform开发工具。
anguljs 1.7.js

基础:

ng-app: 指令告诉angular应该管理页面中那一部分。

正如下面代码中的例子,ng-app 在body标签中,那么angular管理body标签内的所以的内容。

    
数据绑定
{
{1000}}

执行页面如此:

在这里插入图片描述
如果我们不写ng-app的话,,结果如下:
在这里插入图片描述

    
数据绑定
{
{1000}}
{
{100+100}}
{
{name}}
{
{"name"}}或者{
{'name'}}

输出结果:

在这里插入图片描述

数据绑定:

我们对页面的代码进行稍微的改动,从而数据绑定:

    
数据绑定
ng-model 表示这个输入框对应的model是name,那么value值的变化,直接影响到这个model值
{
{name}}

执行结果如下:

当我们在文本框中动态的输入文本时,那么后面的结果也会动态的变化。
在这里插入图片描述

总结:

angularjs和JavaScript的区别:

1、属性求值:所有的属性求职都是对于scope的,而JavaScript是对于window对象的。
2、宽容:表达式求值,对于undefined和null,angular是宽容的,但是对于JavaScript会产生nullpointerexception=
3、没有流程控制语句:在angular表达式中,不能进行一下操作:条件分支,循环,抛出异常。
4、过滤器:我们可以将表达式的结果传入过滤器链(filter chains)

转载地址:http://xxhbb.baihongyu.com/

你可能感兴趣的文章
ThreadLocal 那点事儿(续集)
查看>>
阳台做成榻榻米 阳台做成书房
查看>>
深入分析java线程池的实现原理
查看>>
mybatis中"#"和"$"的区别
查看>>
Hibernate与MyBatis区别
查看>>
如何禁用Eclipse的Validating
查看>>
据说看完这21个故事的人,30岁前都成了亿万富翁。你是下一个吗?
查看>>
SpringMVC学习笔记2
查看>>
Oracle知识点连载(一)
查看>>
Oracle知识点连载(二)
查看>>
Oracle知识点连载(三)
查看>>
Oracle知识点连载(五)
查看>>
关于三元运算符的类型转换问题
查看>>
笔记本怎么设置WIfi热点
查看>>
如何实现字符串的反转及替换?
查看>>
Java面试题全集(上)
查看>>
Java面试题全集(中)
查看>>
值传递和引用传递
查看>>
什么情况下用+运算符进行字符串连接比调用StringBuilder对象的append方法连接字符串性能更好?
查看>>
怎么根据Comparable方法中的compareTo方法的返回值的正负 判断升序 还是 降序?
查看>>