管道

何为管道，ng 翻译的真烂，但是听多了你就理解了，类似于 vue2 中的过滤器，过滤器在 vue3 中已经废弃

从common包里面引入，并注册

import { Component, inject } from "@angular/core";
import { UpperCasePipe } from "@angular/common";
@Component({
  selector: "app-about",
  standalone: true,
  imports: [UpperCasePipe],
  templateUrl: "./about.component.html",
  styleUrl: "./about.component.css",
})
export class AboutComponent {
  desciption = "this a new lesson";
}

对比下两者的区别

<div>
  <p>{{desciption}}</p>
  <p>{{desciption | uppercase}}</p>
</div>

其他的管道，可以去官网研究下。