更新其中一个字段时刷新其他输入字段。使用Angularjs(附带Plunker)

时间:2016-04-12 16:04:26

标签: javascript angularjs html5

这是掠夺者 http://plnkr.co/edit/Ll09uMtJEC0HqyGBRPjH?p=preview

如在plunker中所见,我有一个日期,用户和汽车作为输入字段。我可以选择日期,用户和汽车。

但是,如果我现在尝试更改日期,我希望用户和汽车应该返回空白(不应显示任何值)

我怎样才能实现这一点。

<html>
</html>

2 个答案:

答案 0 :(得分:4)

您可以在更改日期时使用ng-change指令

在视图中日期的输入标记中

ng-change="clearInputFields()" 

在您的控制器中:

$scope.clearInputFields = function() { 
  $scope.params.car = "";
  $scope.params.user = {}; // or "" if it was a string
}

答案 1 :(得分:1)

您可以在日期选择器中使用ng-change。添加例如ng-change="resetvalue()"

ng-change是调用函数或在值发生变化时执行某些操作

并在函数resetvalue

$scope.resetvalue = function(){
  $scope.params.user = '';
  $scope.params.car = '';
}