我有一个离子组件,它由一个按钮组成,如果属性为真,则应禁用该按钮。但是,我无法弄清楚它是如何工作的。我怎么能让它工作?
组件.html
<btn-rounded>
<button class="ripple" [attr.disabled]="disabled">
<div>
{{text | translate}}
</div>
</button>
</btn-rounded>
组件.ts
@Input('text') text: string;
@Input('disabled') disabled: boolean;
constructor() {}
索引.html
<btn-rounded text="Login" [disabled]="!this.login.valid"></btn-rounded>
谢谢 :)
你可以使用[禁用]
<btn-rounded>
<button class="ripple" [disabled]="disabled">
<div>
{{text | translate}}
</div>
</button>
</btn-rounded>
否则你可以像这样尝试
[attr.disabled]="disabled== true ? true : null"
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句