在角度 18 中找不到名称为“date”的管道

Question

嗨，当我在代码中使用它时，我收到控制台错误，即尝试在此处使用它时找不到名称为“date”的管道

<td>{{room.checkinTime | date}}</td>

管道错误

我尝试使用其他管道，也是同样的错误

目前，使用 Angular CLI：18.0.7

显示错误：

X [ERROR] NG8004: No pipe found with name 'date'. [plugin angular-compiler]

src/app/rooms/rooms.component.html:29:38:
  29 │             <td>{{room.checkoutTime | date: 'short'}}</td>
     ╵                                       ~~~~

组件RoomsComponent模板出现错误。

src/app/rooms/rooms.component.ts:9:15:
  9 │   templateUrl: './rooms.component.html',
    ╵                ~~~~~~~~~~~~~~~~~~~~~~~~

Answer 1

我是 Angular 的新手，然后我自己尝试将 DatePipe 放入 @Componen 中，效果很好。

@Component({
    selector: 'app-rooms',
    standalone: true,
    imports: [NgIf, NgFor, NgClass, NgStyle, DatePipe, CurrencyPipe, 
    LowerCasePipe, DecimalPipe],
    templateUrl: './rooms.component.html',
    styleUrl: './rooms.component.scss'
})

有人可以解释为什么需要在这里添加，而我看到多个项目没有放置管道，它仍然有效。