Angular ionic2重置输入,文本提交后的区域值
我在Angular ionic2重置输入,文本提交后的区域值,angular,ionic2,Angular,Ionic2,我在AddMedicine.html中有一个表单,您可以看到,当单击按钮并执行操作时,我在AddMedicine.ts中调用函数AddMedicine() GitHub: 包含以下表单的Html页面: 操作成功后,我希望输入,并且文本区域将重置。 我该怎么做 我看过很多关于如何导入的指南,但我不知道我真正需要导入哪些类,以及如何使用它 谢谢你们的帮助 只需将模型的字段重置为空白值即可。绑定到这些模型值的输入将相应地更新到模型 就你而言: MedicineName = ''; // conti
AddMedicine.html
中有一个表单,您可以看到,当单击按钮并执行操作时,我在AddMedicine.ts
中调用函数AddMedicine()
GitHub:
包含以下表单的Html页面:
操作成功后,我希望输入
,并且文本区域
将重置。
我该怎么做
我看过很多关于如何导入的指南,但我不知道我真正需要导入哪些类,以及如何使用它
谢谢你们的帮助 只需将模型的字段重置为空白值即可。绑定到这些模型值的输入将相应地更新到模型 就你而言:
MedicineName = '';
// continue for all your model properties you want to reset: MedicinePrice, InjectionRate...
我相信这应该发生在您调用持久化数据的过程中:
this.networkServices.CreateMedicine(obj).then(() => {
this.MedicineName = '';
// ...
});
我还发现,在module.ts中,您缺少:
import { FormsModule } from '@angular/forms';
没有此角度模块,NgModel无法工作
注
这是可能的,因为angular使用MVVM模式(模型视图模型)。我强烈建议在编写任何严肃的角度应用程序之前阅读以下内容:
MVVM–模型视图模型
MVVM是对MVC设计的改进,MVVM中的ViewModel是
用于简化表示分离。在MVVM中,
逻辑存储在presenter中,视图被完全删除
与模型隔离。虽然演示者不知道该视图,
视图知道演示者–MVVM中的演示者用于
表示用户界面的抽象视图。被动的观点意味着
视图没有任何关于模型的知识。在MVVM中
设计模式,视图处于活动状态,包含行为、事件和
数据绑定信息。请注意,MVVM中的视图不是
负责管理状态信息–视图相当简单
与视图模型同步。MVVM中的ViewModel负责
用于表示分离,并公开要管理的方法和命令
查看和操作模型的状态
@itzikb抱歉,请尝试使用
this.MedicineName=''
@itzikb我还编辑了我的答案,因为您缺少FormModule
我对FormModule没有任何用处,是否需要添加其他内容?它仍然不起作用。@itzikb NgModel取决于FromModule,如果你不将此模块添加到你的应用程序中,它将不起作用。我猜如果您没有这个模块,您的代码没有传递检查输入值的if
语句,因为如果NgModel不工作,模型没有从模板更新。请确认。我不知道,它仍然不工作我更新GitHub上的代码可以看到