Angular开发(四)-关于angular2的通用指令
来源:互联网 发布:图片制作视频软件 手机 编辑:程序博客网 时间:2024/06/04 19:57
一、 关于angular中指令包括三类
- 通用指令
- 路由指令
- 表单指令
本次仅仅是讨论通用指令,别的指令将在今后讨论
二、angular的通用指令包括:
- NgClass
- NgStyle
- NgIf
- NgFor
三、关于ngClass、ngStyle
在前面章节已经介绍了,如有不清楚的可以返回去查看关于属性绑定章节
四、NgIf
的介绍
ngif
指令绑定的是一个布尔值,当返回true
的时候DOM
树节点将新增一个元素及其子节点,如果返回false
,那么就移除这个节点,与ngClass
中定义的dispaly:none
的区别在于直接干掉DOM
节点
<div class="box" *ngIf="isShow">第一个</div>//ts文件isShow:boolean = true;
五、NgFor
的介绍
NgFor
可以简单的理解为就是一个for
循环,循环出一组数据,其中要注意的NgFor
里面有个index
表示序列号
<li *ngFor="let item of dataSet;let i = index"> <span>{{item.name}}</span>----{{i+1}}</li>//ts文件dataSet = [ {"id":0,"name":"张三"}, {"id":1,"name":"李四"}, {"id":2,"name":"王五"}, ]
2 0
- Angular开发(四)-关于angular2的通用指令
- Angular2 指令—通用指令
- angular开发:angular2的基础问题
- Angular开发(二)-关于angular2的整体架构与大致介绍
- 关于Angular 指令的理解
- 关于angular中内置指令的介绍
- Angular2 开发环境的搭建和@angular/cli(angular-cli)安装中的一些问题。
- 第二代AngularJS(Angular、Angular2) 开发环境
- 利用ngx-angular实现angular2的国际化
- Angular 2 + 折腾记 :(2)初步认识angular2,不一样的开发模式
- angular的基本指令
- angular的指令
- Angular强大的指令
- Angular的内置指令
- angular 指令的问题
- angular的指令
- Angular 几篇关于指令的好文章收录(一)
- Angular 几篇关于指令的好文章收录(二)
- Android 进程之Binder
- 高可伸缩的分库分表设计
- jni踩坑填坑
- RecyclerView与善变的交互
- ZZULIOJ 1730 通信基站 全排列+DFS
- Angular开发(四)-关于angular2的通用指令
- RowDataPacket传值到前台
- ionic Error: spawn EACCES
- 理解Python中的装饰器
- <!DOCTYPE>声明
- jvm内存组成+GC
- 【知识库】--mysql 表字段修改操作(193)
- ubuntu 复制命令
- Android webview详解