我正在嘗試添加兩個按鈕，它們只應(yīng)在輸入字段中有一些文本時顯示，否則默認情況下應(yīng)隱藏/禁用它，但我收到此錯誤。<div class="card card-body">`<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]=!this.text>` `<button class="btn btn-warning" [hidden]=!this.text>Clear </button>` `</div>`</form></div>錯誤：清除~~~~~~~~~ src/app/components/log-form/log-form.component.ts:5:16 templateUrl: './log-form.component.html', ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component LogFormComponent.
3 回答
茅侃侃
TA貢獻1842條經(jīng)驗 獲得超22個贊
您可以使用 ngModel 輕松實現(xiàn)此目的，如下所示：
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;
}
請務(wù)必在 app.module.ts 文件的 import[] 數(shù)組中導(dǎo)入 FormsModule，以便 ngModel 正常工作。此外，輸入的 name 屬性也很重要，或者您可以使用 formControlName。
希望這可以幫助！?。?/p>
忽然笑
TA貢獻1806條經(jīng)驗 獲得超5個贊
反引號內(nèi)不需要反引號
"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 關(guān)注
- 180 瀏覽
添加回答
舉報
0/150
提交
取消