博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularjs探秘<二>表达式、指令、数据绑定
阅读量:5839 次
发布时间:2019-06-18

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

距离第一篇笔记好久了,抽空把angular的笔记梳理梳理。

ng-init:初始化指令,这里可以声明变量,且变量不用指定数据类型(类似js中的var用法)。

数值变量与字符串相加默认做字符串拼接运算。
注:ng-init声明的变量皆为全局变量,不论ng-init定义在哪个标签声明的变量皆影响全局,且同名变量以最后一次为准(与js同理)。ng-init仅能声明变量,不能声明函数。

{

{ a + b }}

{

{ a + b }}

不论 ng-init 声明在什么位置,始终以最后一次声明为主。

ng-bind:数据绑定,与{

{}}效果类似。
注:说明下ng-bind和{
{}}的区别:一样的效果,但使用花括号语法时,在AngularJS使用数据替换模板中的花括号时,第一个加载的页面,通常是应用中的index.html,其未被渲染的模板可能会被用户看到。对于index.html页面中的数据绑定操作,建议采用ng-bind。那么在数据加载完成之前用户就不会看到任何内容。

{

{ a+b }}

输出结果一样。

声明对象

声明数组

ng-model:配合表单元素和 {

{}} 、 ng-bind 做数据绑定,数据实时同步到 {
{}} 、 ng-bind
元素上,MVC中的M:model。

今天{

{ today }}

select 默认显示 星期六,当 select 值改变 {

{}} 区域同步改变值。

来看一个实际应用场景

商品名:

数量:

单价:

总价:

ng-repeat:angular的循环,类似 js 的 for in 循环结构。

    

 

转载于:https://www.cnblogs.com/MirageFox/p/7634510.html

你可能感兴趣的文章
WordPress优化:为网站添加个性化缩略图标
查看>>
shell脚本分析IP归属地
查看>>
网络安全系列之十 万能密码登录网站后台
查看>>
CITRIX XenAPP/TS打印管理ThinPrint.
查看>>
杨辉三角绘图C语言
查看>>
SQL Server以Online模式创建索引
查看>>
微软开放 .NET 框架源代码
查看>>
Win2008 R2 VDI动手实验系列之五:配置远程桌面Web访问
查看>>
Jira迁移及内存调整
查看>>
Exchange Server 2010 SP2 新功能简述
查看>>
使用wxWidgets for C++从资源文件中静态装载图像
查看>>
提高数据库安全性的办法
查看>>
工作流编程循序渐进(8:状态机工作流)
查看>>
3.VMware View 4.6安装与部署-connection server(View Standard Server)
查看>>
Lync Server 2013 实战系列之六:标准版-安装和更新LyncServer 系统
查看>>
MariaDB日志审计 帮你揪出内个干坏事儿的小子
查看>>
Reporting Services目录临时数据库文件存在
查看>>
一个Windows Mobile, Windows Embedded CE工程师的找工经历(一)
查看>>
终于有了MSDN上的Blog
查看>>
PHPUnit学习03---使用Mock对象解决测试依赖
查看>>