博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular 数据双向绑定的终极奥义
阅读量:5086 次
发布时间:2019-06-13

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

  

  1、ng-app: 是ng的入口,表示当前元素的所有指令都会被angular管理,让anguar认识这段代码,告诉angular要去管理下面的代码;同时angular执行这段代码的时候会在内部开辟一块空间来存储这个页面用到的数据模型。

  2、ng-init: angular执行这个指令的时候,首先会在开辟的空间里面找有没有name这个数据模型,如果没有会主动创建一个数据模型,同时会给该数据模型赋值。

  3、ng-model: angular执行这个指令的时候,首先会在创建的空间里面找name数据模型,发现有则与之主动建立一种联系(同步)。

  4、{

{name}}: 是一种表达式angular发现该表达式的名字name在数据模型里面存在,会主动与之建立一种联系(同步)。

  综上当数据模型里面的值开始变化是,与之有联系(同步)的都会随之变化。

   结果图如下:

  

 

转载于:https://www.cnblogs.com/wangyfax/p/10604750.html

你可能感兴趣的文章
虚继承中的内存布局
查看>>
学习日记2:nginx配置文件
查看>>
iOS Cell异步图片加载优化,缓存机制详解
查看>>
第二章 基本数据结构
查看>>
(转)Unity3D移动平台动态读取外部文件全解析
查看>>
回顾与陈景润讨论歌德巴哈猜想的情景
查看>>
java编写的2048程序
查看>>
解决git clone时报错:The requested URL returned error: 401 Unauthorized while accessing
查看>>
在进程View时的四个构造函数详解
查看>>
C++ 实现把非静态成员函数作为回调函数(非static)(转)
查看>>
Oracle 删除重复行
查看>>
Linq表达式、Lambda表达式你更喜欢哪个?
查看>>
iview select filterable属性使用下拉小bug
查看>>
vue table 固定首列和首行
查看>>
Educational Codeforces Round 64 C. Match Points 【二分思想】
查看>>
mysql安装和基本配置-redhat
查看>>
(第六周)团队项目3
查看>>
6-[表操作]--数据类型
查看>>
python的30个编程技巧
查看>>
Invalid bound statement (not found)之idea打包maven项目问题
查看>>