Question

当占位符值为＆＃39;可选＆＃39;时，我希望启用我的保存按钮。当值为“强制性”时只有当我为该字段输入一些值时，才应禁用“保存”按钮并启用它。

我的模板 -

<md-input name="" [placeholder]="isOptional()"></md-input>
<input type="button" disabled="placeholder==='Mandatory'" value="Save">

在我的打字稿文件中 -

isOptional(){
if (cond1|| cond2){
 return 'Mandatory';
}
else if (cond3||cond4){
return 'Optional';
}

我在模板中尝试上面的东西，但没有得到正确的输出。任何想法我哪里出错了？

Answer 1

通常你想做一个表格。你可以这样做：

<form
    (ngSubmit)="sendFunction(anyForm)"
    #anyForm="ngForm"
>
    <input
        type="text"
        placeholder="any placeholder"
        required
    />
    <button type="submit" [disabled]="!anyForm.form.valid">
        Add Todo
    </button>
</form>

Answer 2

尝试以下方法：

<md-input name="" #input [placeholder]="isOptional()"></md-input>
<input type="button" disabled="input.placeholder === 'Mandatory'" value="Save">

Answer 3

在您的组件中：

option: string;

isOptional(){
if (cond1|| cond2){
 this.option = 'Mandatory';
}
else if (cond3||cond4){
this.option = 'Optional';
}

在html中：

<input type="button" [disabled]="option==='Mandatory'" value="Save">

如何根据强制和可选字段启用或禁用角度2中的任何按钮

3 个答案: