3 回答

TA貢獻1842條經驗 獲得超21個贊
您可以使用 ngModel 輕松實現此目的,如下所示:
mycomp.component.html
<form>
<div class="form-group">
<input type="text" class="form-control" name="text" [(ngModel)]="textvalue" placeholder="Add a Log ...">
<input type="submit" value="Add Log" class="btn btn-light" [disabled]="!textvalue">
<button class="btn btn-warning" [hidden]="!textvalue">Clear </button>
</div>
{{textvalue}}//contains value of your input element.
</form>
mycomp.component.ts
export class MyComponent {
textvalue:string;
}
請務必在 app.module.ts 文件的 import[] 數組中導入 FormsModule,以便 ngModel 正常工作。此外,輸入的 name 屬性也很重要,或者您可以使用 formControlName。
希望這可以幫助?。。?/p>

TA貢獻1806條經驗 獲得超5個贊
反引號內不需要反引號
"text"不是this.text
`<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Add a Log ...">
<input type="submit" value="Add Log" class="btn btn-light" [disabled]="!text">
<button class="btn btn-warning" [hidden]="!text">Clear </button>
</div>
</form>`
- 3 回答
- 0 關注
- 160 瀏覽
添加回答
舉報