HTML
<div class="form-group">
<label for="usr"><b>Username:</b></label>
<input type="text" (keyup)='keyUp.next($event)' (ngModelChange)="disableEnableLogin()" [ngModel]="getUsername" class="form-control" id="usr">
</div>
<div class="form-group">
<label for="pwd"><b>Password:</b></label>
<input type="password" (keyup)='keyUp.next($event)' (ngModelChange)="disableEnableLogin()" [ngModel]="getPassword" class="form-control"
id="pwd">
</div>
</div>
TS
disableEnableLogin() {
console.log('hi');
}
DisableEnableLogin 沒有被觸發 (ngModelChange)
uj5u.com熱心網友回復：
您應該將 ngModelChange 與 $event 一起使用。順便說一句，您的解決方案對我有用，但是keyup 存在一些錯誤。因此，洗掉 keyup 也應該對您有用。
HTML：
<div>
<div class="form-group">
<label for="usr"><b>Username:</b></label>
<input
type="text"
(ngModelChange)="disableEnableLogin($event)"
[ngModel]="getUsername"
class="form-control"
id="usr"
/>
</div>
<div class="form-group">
<label for="pwd"><b>Password:</b></label>
<input
type="password"
(ngModelChange)="disableEnableLogin($event)"
[ngModel]="getPassword"
class="form-control"
id="pwd"
/>
</div>
</div>
TS：
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
})
export class AppComponent {
public disableEnableLogin(newValue: any){
console.log(newValue);
}
}
也許請記住，有兩種解決方案。
(ngModelChange) = "disableEnableLogin()" 將在系結到 [(ngModel)] = "value" 的值改變之前觸發
而(change) = "disableEnableLogin()"系結到 [(ngModel)] = "value" 的值更改后將觸發
如果您想直接嘗試并更改某些內容，我正在添加指向 plunker 的鏈接。
https://stackblitz.com/edit/angular-display-code-snippets-in-html-page-dek3ce?file=src/app/app.component.ts
我希望它有所幫助。
uj5u.com熱心網友回復：
基本上，ngModelChange將在模型值更改change時觸發，當值更改并離開輸入焦點時觸發方法。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/394525.html
標籤：javascript 有角的 打字稿 形式 模型
下一篇：如何在表單輸入之間添加文本