离子3：$dirty按钮显示
离子3：$dirty按钮显示
提问于 2018-10-30 06:19:50
如果在表单中输入数据，我希望我的“保存”按钮只显示/可供单击。我无法理解它的逻辑，但以下是我迄今所做的工作：
HTML文件：
<ion-list>
<ion-item>
<ion-label>City Name:</ion-label>
<ion-input name="City" placeholder="City"></ion-input>
</ion-item>
<ion-item>
<ion-label>State Name:</ion-label>
<ion-input name="state" placeholder="state"></ion-input>
</ion-item>
</ion-list>
<button ion-button *ngIf="dirty == true" (click)="saveChanges()> Save </button>我相信问题在<button>标签中。
回答 2
Stack Overflow用户
发布于 2018-10-30 06:31:50
对于这种情况，您可以使用两种方法: i>反应角形式(https://angular.io/guide/reactive-forms)，ii>在输入时使用onchange，并检查它们是否有有效数据。
*ngIf =“脏”//鉴于
当表单被正确填充时，使脏标志变为真。
Stack Overflow用户
发布于 2018-10-30 06:36:21
您应该触发一个check函数，该函数将检查两个输入是否都为空。
.HTML文件
<ion-list>
<ion-item>
<ion-label>City Name:</ion-label>
<ion-input type="text" [(ngModel)]="city" (ionChange)="change();" placeholder="city"></ion-input>
</ion-item>
<ion-item>
<ion-label>State Name:</ion-label>
<ion-input type="text" [(ngModel)]="state" (ionChange)="change();" placeholder="state"></ion-input>
</ion-item>
</ion-list>
<button ion-button *ngIf="dirty == true" (click)="saveChanges()> Save </button>.ts文件
export class <YOUR_CLASS> {
city;
state;
constructor {...}
change() {
if (this.city !== "" && this.state !== "") {
//Enable button
}
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53058437
复制相关文章
相似问题
腾讯云开发者
