Как включить или отключить любую кнопку в угловом 2 на основе обязательного и необязательного поля

Question

Я хочу, чтобы кнопка «Сохранить» была включена, когда значение «Заполнитель» «Необязательно». Когда значение «Обязательно», кнопка «Сохранить» должна быть отключена и получить включен, только если я введу какое-то значение для этого поля.

Мой template-

<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'; 
} 

Я пытаюсь что-то вроде выше в моем шаблоне, но не получаю правильное представление output.Any, где я неправильно?

Answer 1

Попробуйте следующее:

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

Answer 2

В компоненте:

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"> 

Answer 3

Обычно вы хотели бы сделать форму. Вы можете сделать это следующим образом:

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