Rate评分
- 对评价进行展示。
- 对事物进行快速的评级操作。
想要了解更多关于单独引入组件的内容,可以在快速上手页面进行查看。
最简单的用法。
@Component({
selector: 'nz-demo-rate-basic',
template: `
`
})
export class NzDemoRateBasicComponent {}
支持允许或者禁用清除。
import { Component } from '@angular/core';
@Component({
selector: 'nz-demo-rate-clear',
template: `
<nz-rate [(ngModel)]="value" nzAllowHalf></nz-rate>
<span class="ant-rate-text">allowClear: true</span>
<br />
<nz-rate [(ngModel)]="value" nzAllowHalf [nzAllowClear]="false"></nz-rate>
<span class="ant-rate-text">allowClear: false</span>
})
export class NzDemoRateClearComponent {
}
只读,无法进行鼠标交互。
import { Component } from '@angular/core';
@Component({
selector: 'nz-demo-rate-disabled',
template: `
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
`
})
export class NzDemoRateDisabledComponent {}
方法
名称 | 描述 |
---|---|
blur() | 移除焦点 |
focus() | 获取焦点 |