u014627255的博客

Angular代理

Angular自定义管道管道的作用就是将原始值进行转化处理，转换为所需要的值新建sex-reform.pipe.ts文件ng g pipe sex-reform2.编辑sex-reform.pipe.ts文件import { Pipe, PipeTransform } form '@angular/core'; //引入PipeTransform是为了继承transform方法@Pipe({ name: 'sexReform' }) //name属性值惯用小驼峰是写法, name的值为

兄弟组件之间可以用服务进行交互，具体如下：一、新建一个service.ts如下：import {Injectable} from '@angular/core';import {BehaviorSubject} from 'rxjs';import {Observable} from 'rxjs';@Injectable({provideIn: 'root'})export class ModalService {private renderSubject: BehaviorSubjec

创建一个新项目在StackBlitz上创建一个新项目（此链接里已添加一个包含商品名称和结账图标的顶栏，以及商品列表的标题，可直接预览代码运行结果）1、展示商品列表（1）在 product-list 文件夹中，打开模版文件product-list.component.html。（2）修改 product-list.component.html，列出所有商品的名称：这里用到了*ngFor指令...

组件组件的三部分：1、一个组件类（即ts文件）：用来处理数据和功能。2、一个HTML模版（即html文件）：它决定了用户的呈现方式。3、组件专属的样式（即css或less文件）：定义了外观和感觉。Angular 应用程序由一棵组件树组成，每个 Angular 组件都有一个明确的用途和责任。目前，我们的应用有三个组件：...

创建一个提醒功能创建一个提醒功能，接收一个商品作为输入，检查商品价格，如果大于700则显示 “Notify Me” 按钮。1、创建一个商品提醒组件右键单击‘product-list’ 文件夹，使用Angular Generator生成一个名为product-alerts的新组件。操作如下图：（官网是在app下创建，这样的话无法实现此功能。）生成了三个文件：product-alerts....

在本节中，将设置商品提醒组件，当用户点击‘Notify Me’的时候，像商品列表组件发出事件。1、打开 product-alerts.component.ts， 从 @angular/core 中导入 Output 和 EventEmitter。2、在组件类中，用 @Output 装饰器和一个事件发射器（EventEmitter）实例定义一个名为 notify 的属性。这可以让商品提醒组件在 ...