javascript - 在 AngularJS 中单击 ng 时将表单值/对象重置为空

Question

描述：
我使用 ui-router 在图标点击时加载表单页面，每当用户点击图标时，新表单应该加载（删除任何填充的字段）。我添加了 ng-click on 图标，可以利用它来重置表单值。

索引.html

<td>
    <a  ui-sref="form2"
    title="yahoo">
    <span class="glyphicon glyphicon-file" ng-click="newForm('new')" id="yahooIcon" ></span>
    </a>
</td>

form2.html

<input type="text" name="firstname" ng-model="myModel.firstname"><br>

应用程序.js

$scope.newForm = function (id){
if ( id == 'new' )
  {
   console.log(" model value inside: "+$scope.myModel.firstname);   
   $scope.myModel = {};
  }
}

问题：

1. ng-model 数据在控制器中显示为未定义，单击图标后无法重置模型。
2. 该演示使用相同的控制器，但是如果我的 from 具有与索引页面不同的控制器。如何将按钮单击（ng-click）值发送给子控制器？

演示（Plunker）

Answer 1

请试试这个

//In Html Page
<button type="reset" ng-click="resetForm(formObject)">Clear Form</button>

//In Angular
$scope.resetForm = function(form) {
      angular.copy({},form);
    }