nz-time-picker取消后缀图标

要取消 `nz-time-picker` 的后缀图标，你可以使用 `nzClearIcon` 属性将其设置为 `null`。例如：

<nz-time-picker [nzClearIcon]="null"></nz-time-picker>

这将会移除 `nz-time-picker` 的后缀图标。

相关问题

nz-time-picker根据属性来取消或显示后缀图标

如果你需要根据属性来动态地取消或显示 `nz-time-picker` 的后缀图标，你可以使用 `*ngIf` 指令来控制后缀图标的显示。例如：

<nz-time-picker>
  <ng-container *ngIf="showSuffixIcon">
    <i nz-icon nzType="clock-circle"></i>
  </ng-container>
</nz-time-picker>

在上面的示例中，我们使用 `ng-container` 元素来包含后缀图标，并使用 `*ngIf` 指令来根据 `showSuffixIcon` 属性的值来决定是否显示后缀图标。如果 `showSuffixIcon` 的值为 `true`，则后缀图标将被显示出来；否则，后缀图标将被隐藏。

你可以在组件代码中定义 `showSuffixIcon` 属性，并在需要的时候设置它的值来控制后缀图标的显示和隐藏。例如：

export class MyComponent {
  showSuffixIcon = true;

  toggleSuffixIcon() {
    this.showSuffixIcon = !this.showSuffixIcon;
  }
}

在上面的示例中，我们定义了一个 `showSuffixIcon` 属性，并提供了一个 `toggleSuffixIcon` 方法，该方法将 `showSuffixIcon` 的值取反，从而在需要的时候切换后缀图标的显示和隐藏。

如何使用nz-time-picker

首先，您需要确保您的 Angular 项目中已经安装了 Ant Design of Angular。如果还没有安装，请按照官方文档中提供的步骤进行安装。

要使用 nz-time-picker，您需要在组件中导入 NzTimePickerModule，然后在 HTML 模板中使用 nz-time-picker 标签。例如：

在组件中导入 NzTimePickerModule：

import { NgModule } from '@angular/core';
import { NzTimePickerModule } from 'ng-zorro-antd/time-picker';

@NgModule({
  imports: [NzTimePickerModule],
  exports: [NzTimePickerModule]
})
export class MyModule { }

在 HTML 模板中使用 nz-time-picker：

<nz-time-picker [(ngModel)]="selectedTime"></nz-time-picker>

在上面的示例中，我们使用 [(ngModel)] 双向绑定指令将 nz-time-picker 组件的值绑定到组件类中的 selectedTime 属性。

当用户选择时间后，selectedTime 属性将自动更新，您可以在组件类中使用它来执行其他操作。

注意，您还可以使用其他指令和属性来自定义 nz-time-picker 的行为和外观。有关更多信息，请参阅官方文档。