什么是结构指令?结构指令通过添加和删除 DOM 元素来更改 DOM 布局。Angular 中两个常见的结构指令是*ngIf和*ngFor。了解*号语法*号是语法糖,用于避免使用复杂的语法。我们以*ngIf指令为例:(图片来源:https://netbasal.com/)Angular 把 host (宿主元素) 包装在template标签里面Angular 将ngIf转换为属性绑定 - [ngIf]创建结构指令首先,让我们了解如何创建一个结构指令。 接下来我们将要实现一个简单的ngIf指令。import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';
@Directive({ selector: '[myNgIf]'})
export class MyNgIfDirective {
constructor(
private templateRef: TemplateRef,
private viewContainer: ViewContainerRef) { }
@Input() set myNgIf(condition: boolean) {
if (condition) {
this.viewContainer.createEmb
...
继续阅读
(19)