Question

我有下面的角度代码

 <input id="orgNm" #orgName type="text" maxlength="50" placeholder="Add new organization">
 <button class="addBtn" (click)="save(orgName,0)" [attr.disabled]="!orgNm"></button>

我想使用输入ID启用禁用按钮，我尝试了orgNm和orgName，但是它没有更新disable属性。

我不想使用表格或任何功能都不会更改，我不想使用任何类型的ts引用

请告知谢谢

Answer 1

尝试添加[(ngModel)]="orgNm"

赞：

<input id="orgNm" #orgName type="text" maxlength="50" [(ngModel)]="orgNm" placeholder="Add new organization">
<button class="addBtn" (click)="save(orgName,0)" [disabled]="!orgNm">Add</button>

Answer 2

不确定我完全理解您的意思，但是也许这对您有用？（如果我正确地回答了这个问题）。

     <input #orgName 
       type="text" 
       maxlength="50" 
       placeholder="Add new organization" 
       (input)="orgName.value = $event.target.value">

    <button class="addBtn" 
      (click)="save(orgName,0)" 
      [disabled]="!orgName.value">submit</button>

https://stackblitz.com/edit/angular-grvh3e

Answer 3

<input (change)="orgname.value = $event.target.value" type="text" maxlength="50" placeholder="Add new organization" #orgname>
<button class="addBtn" (click)="save(orgName,0)" [disabled]="!orgname.value">add</button>

stackblitz

使用输入文本框ID禁用按钮

3 个答案: