When want to display different component based on some conditions:
转载
2018-12-25 01:16:00
94阅读
2评论
1、当同一个条件同时满足多种需求情况时可以用*ngIf，如果满足*ngIf则显示下面的元素； 2、用ngSwitch做一个条件分支、用来声明条件类型，如果*ngSwitchCase满足ngSwitch中的条件类型，则在这个唯一单独 的条件下写项目需求 ...
转载
2021-08-14 14:13:00
718阅读
2评论
0.先给组件赋值一个测试数据import {Component} from '@angular/core';@Component({ selector: 'ng-tag', styles: [require('./NgTag.scss')], template: require('NgTag.html')})export class NgTagCompon
原创
2021-11-19 10:41:46
651阅读
<h1>--------------循环 ngFor---------------</h1><ul> <li *ngFor="let item of list;let key=index">{{key}} -- {{item}}</li></ul><ul> <li *ngFor="let item of list">{{key}} -- {{item}}</li></ul&g
原创
2020-08-02 22:14:07
92阅读
场景Angular介绍、安装Angular Cli、创建Angular项目入门教程：https
原创
2023-03-12 09:57:16
569阅读
场景
Angular介绍、安装Angular Cli、创建Angular项目入门教程：
javascript:void(0)
Angular新建组件以及组件之间的调用：
javascript:void(0)
通过以上搭建起Angular项目，怎样进行简单的逻辑判断等。
注：
博客：javascript:void(0)
关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。
实现
数据
转载
2020-04-24 13:37:00
499阅读
2评论
ng-template: As the name suggests the ng-template is a template element that Angular uses with structural directives (*ngIf, *ngFor, [ngSwitch] and custom directives).模板元素
原创
2021-07-13 13:38:45
173阅读
当要加载的资源在assets里时，路径可以直接写assets/xxx/xxx条件判断*ngIf[ngSwitch]="orderStatus"*ngSwitchCase="1" 动态样式[ngClass]='{"blue":flag,"red":!flag}'[ngStyle]="{'color':'red'}" [ngStyle]="{'color':sss}"(click)=”xxx
转载
2021-05-08 14:27:35
387阅读
2评论
大纲 1、angular指令的分类 2、angular指令之——组件 3、angular指令之——属性指令 （ngStyle、ngClass） 4、angular指令——结构指令（ngIf、ngFor、ngSwitch、NgTemplateOutlet、NgPlural、NgPluralCase）angular指令的分类 Angular 2 的指令分为以下三种： 组件(Compon
转载
2024-03-18 10:41:53
104阅读
结构性指令，可以改变DOM结构，改变html的文编结构。 属性型指令：改变宿主的行为， 之前在angular中，我们接触的angular内置提供的指令。 ngSwitch是更复杂的逻辑判断， ngClass没有改变文档的结构，只是改变了文档的行为。 ngModel只是进行绑定，没有改变文档的结构。
转载
2020-08-17 22:23:00
189阅读
2评论
内置指令：https://angular.cn/guide/template-syntax#built-in-directives 属性指令： 结构指令：angular中的指令类型：组件 ：一种拥有模板的指令。=> 最常用的结构型指令：通过添加或者移除DOM元素，改变DOM布局的指令。=>修改视图结构。eg：NgIf，NgFor，NgSwitch。 一般都是“ * ”开头。 使用：*
转载
2023-11-02 08:09:06
86阅读
目录1、定义项目的根页面1.1、修改app.module.ts1.2、修改index.html2、条件渲染和循环渲染2.1、*ngIf2.1.1、条件渲染示例2.1.2、条件渲染的注意事项2.2、*ngFor2.2.1、获取元素值2.2.2、获取索引值2.2.3、给每个元素指定事件2.3、*ngSwitch 1、定义项目的根页面我们新建一个Angular项目，通常会有一个app.module.
