03 2023 档案
摘要：1.nzViewContainerRef 什么作用？ // 导入 NzModalService 模块 import { NzModalService } from 'ng-zorro-antd/modal'; // 在组件中注入 NzModalService 服务 constructor(priva
阅读全文
摘要：在Angular中，"$implicit"是一个特殊的标识符，用于在模板中引用默认的上下文对象。它通常与结构指令（例如ngFor或ngIf）一起使用。 当您在模板中使用结构指令时，您可以将一个值分配给一个变量，该变量将用于引用每个元素。例如，如果您使用*ngFor指令来迭代一个数组，您可以使用以下语
阅读全文
摘要：<app-content-child> <div class="head"> 这是头部 <app-content-child-panel></app-content-child-panel> </div> <app-content-child-panel></app-content-child-pa
阅读全文
摘要：个人感觉有点类似于vue的作用于插槽 以下是一个 Angular ngTemplateOutlet 父子组件完整使用案例： 假设我们有一个 parent 父组件和一个 child 子组件。我们想在父组件中动态地显示子组件，并将一些数据传递给子组件。 在子组件的模板中，我们定义了一个 ng-templ
阅读全文
摘要：FormArray 是 FormGroup 之外的另一个选择，用于管理任意数量的匿名控件。像 FormGroup 实例一样，你也可以往 FormArray 中动态插入和移除控件，并且 FormArray 实例的值和验证状态也是根据它的子控件计算得来的。不过，你不需要为每个控件定义一个名字作为 key
阅读全文
摘要：<p>把表单控件分组</p> <form [formGroup]="profileForm" (ngSubmit)="onSubmit()"> <label for="first-name">First Name: </label> <!-- 配合表单使用要用"formControlName"，单个
阅读全文
摘要：<div class="demo"> <section class="m-auto theme-light"> <button class="btn btn-primary" (click)="newObservable()">newObservable</button> <button class
阅读全文
摘要：import { ChangeDetectorRef,Component ,Input,ChangeDetectionStrategy,SimpleChanges} from '@angular/core'; @Component({ selector: 'app-change-grandson',
阅读全文
摘要：Angular中ngIf和*ngIf是等价的指令，它们的作用也是相同的，都用于根据条件控制元素的显示或隐藏。 不同的是，*ngIf是结构型指令，它使用了Angular的模板语法糖，可以更加方便地控制DOM结构的变化。具体来说，使用*ngIf指令时，需要将其放在一个包含元素的属性中，并且以星号（*）开
阅读全文
摘要：注意：用下面这种简写方式，指令一定要对应别名好 。三者的名称要一致！
阅读全文
摘要：xxxx.ts import { Component, Input, } from '@angular/core'; export interface Menu{ title:string, acitie:boolean, id:number } // @component是装饰器语法,把他下面的c
阅读全文