Angular Material

Angular Material progress-spinner API 参考文档

import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';

指令

`MatProgressSpinner`

<mat-progress-spinner> 组件

<mat-progress-spinner> component.

选择器： mat-progress-spinner

导出为： matProgressSpinner

属性

名称	描述
@Input() `color: ThemePalette`	Theme color palette for the component.
@Input() `diameter: number`	进度圈的直径（用于设置 svg 的宽度和高度）。 The diameter of the progress spinner (will set width and height of svg).
@Input() `mode: ProgressSpinnerMode`	进步圈的模式 Mode of the progress circle
@Input() `strokeWidth: number`	进度圈的线宽。 Stroke width of the progress spinner.
@Input() `value: number`	进度圈的值 Value of the progress circle.
`defaultColor: ThemePalette \| undefined`	Default color to fall back to if no value is set.

`MatSpinner` extends MatProgressSpinner

<mat-spinner> 组件

<mat-spinner> component.

这是一个组件定义，可以作为方便的引用它来创建一个未定 <mat-progress-spinner> 的实例。

This is a component definition to be used as a convenience reference to create an indeterminate <mat-progress-spinner> instance.

选择器： mat-spinner

属性

名称	描述
@Input() `color: ThemePalette`	Theme color palette for the component.
@Input() `diameter: number`	进度圈的直径（用于设置 svg 的宽度和高度）。 The diameter of the progress spinner (will set width and height of svg).
@Input() `mode: ProgressSpinnerMode`	进步圈的模式 Mode of the progress circle
@Input() `strokeWidth: number`	进度圈的线宽。 Stroke width of the progress spinner.
@Input() `value: number`	进度圈的值 Value of the progress circle.
`defaultColor: ThemePalette \| undefined`	Default color to fall back to if no value is set.

接口

`MatProgressSpinnerDefaultOptions`

默认的 mat-progress-spinner 选项，可以改写它们。

Default mat-progress-spinner options that can be overridden.

属性

名称描述

名称	描述
`_forceAnimations: boolean`	是否要强制启用动画，忽略当前环境是否正在使用 NoopAnimationsModule。 Whether the animations should be force to be enabled, ignoring if the current environment is using NoopAnimationsModule.
`diameter: number`	进度圈的直径。 Diameter of the spinner.
`strokeWidth: number`	进度圈的线宽。 Width of the spinner's stroke.

_forceAnimations: boolean

是否要强制启用动画，忽略当前环境是否正在使用 NoopAnimationsModule。

Whether the animations should be force to be enabled, ignoring if the current environment is using NoopAnimationsModule.

diameter: number

进度圈的直径。

Diameter of the spinner.

strokeWidth: number

进度圈的线宽。

Width of the spinner's stroke.

类型别名

`ProgressSpinnerMode`

进度圈的可能模式。

Possible mode for a progress spinner.

type ProgressSpinnerMode = 'determinate' | 'indeterminate';

常量

`MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS`

注入令牌，用于改写 mat-progress-spinner 的默认选项。

Injection token to be used to override the default options for mat-progress-spinner.

const MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS: InjectionToken<MatProgressSpinnerDefaultOptions>;