如何在AngularJS中更改模型时清除表单输入？

我有一个表单，它有一些特定于模型“类型”的通用输入和输入。当用户从选择下拉列表中选择某个“类型”时，这些特定字段会发生变化。我正在使用ng-include来包含基于model.type的特定“部分”。在'编辑'模式下，如何在模型'类型'改变时重置这些特定输入？如何在AngularJS中更改模型时清除表单输入？

来源

2014-12-05 jsdude

在select上使用ng-change财产。

然后将其绑定到清除与表单输入绑定的模型的函数（例如设置为''）。

jsFiddle

来源

2014-12-05 22:33:04 Nelu

ng-change'remember'the original values？例如，如果用户更改了model.type，但是然后将其更改回原始，那么原始值是否会在那里？ – jsdude 2014-12-05 22:57:40

不需要。您需要添加说明以保存值并在更改时查看它们。 – Nelu 2014-12-05 23:11:53

您还可以使用角度看$看的变量。请参阅documentation的手表部分

$scope.$watch('type', function() { 
     //do stuff 
    });

来源

2014-12-05 22:33:43 ryanyuyu

'$ watch'确实是一个解决方案，但它应该少用一些，因为它会触发每个$ digest循环（几乎每次应用程序发生某些变化）。 – Nelu 2014-12-05 22:36:06

如何在AngularJS中更改模型时清除表单输入？

回答

相关问题