我们可以为角度选择器设置disable属性吗

Question

我需要将disable属性放入选择器。。但它不起作用。。有没有其他方法可以做到这一点？？

<app-select [disabled]="select"></app-selcet>

Answer 1

实际上，您需要使用*ngIf指令来隐藏和显示应用程序选择器或任何选择器。Disable属性用于仅禁用字段。

Answer 2

在模板中给出

<app-select [disabled]="disabled"></app-select>

在ts文件中，您可以声明一个类似的变量

disabled : boolean = true;

稍后，如果你愿意，你可以启用类似this.disabled = false;

声明一个变量来决定true或false来决定是否禁用。

在指令中，你可以做这个

export class SelectorComponent implements OnInit {
@Input() disabled: boolean;
constructor() { }
ngOnInit() {
}
}

在模板中，您可以将此值绑定到禁用的事件。

<mat-form-field>
<mat-label>Field Name</mat-label>
<mat-select placeholder="Select anything" name="any" [(ngModel)]="any" [disabled]="disabled" required>
<mat-option>--</mat-option>
<mat-option *ngFor="let type of list" [value]="type">
<span>{{type.name}}</span>
</mat-option>
</mat-select>
</mat-form-field>