Question

我在AddMedicine.html中有一个表单，因为您可以看到我在addMedicine()中调用了一个函数AddMedicine.ts，当单击该按钮并执行操作时。

GitHub的： https://github.com/eshk12/Parabi/tree/DB-LINKED

带有表单的Html页面： https://github.com/eshk12/Parabi/blob/DB-LINKED/src/pages/AddMedicine/AddMedicine.html

行动结束后，我希望Inputs和Textarea重置。我怎么能这样做？

我看过很多指南如何做到但我不明白我真正需要导入哪些类，以及如何使用它。

谢谢你的帮助！

Answer 1

您只需将模型的字段重置为空值。绑定到这些模型值的输入将相应地更新为模型。

在你的情况下：

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中，   逻辑存储在演示者中，View完全存在   从模型中分离出来。虽然主持人不知道视图，   View了解演示者 - MVVM中的演示者习惯了   表示用户界面的抽象视图。被动视图意味着   View对模型没有任何了解。在MVVM中   设计模式，视图是活动的，包含行为，事件和   数据绑定信息。请注意，MVVM中的视图不是   负责管理状态信息 - 相反的观点   与视图模型同步。 MVVM中的ViewModel负责   用于表示分离并公开要管理的方法和命令   视图的状态并操纵模型。

ionic2重置输入，提交后的textarea值

1 个答案:

注意