AngularJSでクリックするとフォームの値/オブジェクトをリセットする

Question

説明：
新しいフォームがロードされるアイコンをユーザがクリックするたびにui-routerを使用してフォームページを読み込みますフィールド）。 ng-clickアイコンを追加しました。このアイコンは、フォームの値をリセットするために利用できます。

index.htmlを

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

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

form2.html app.js

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

問題：

1. NG-モデルデータがありますコントローラで未定義を示し、アイコンをクリックするとモデルをリセットできません。
2. デモでは同じコントローラを使用しますが、私のfromにはインデックスページとは異なるコントローラがある場合です。子のコントローラにボタンクリック（ng-click）の値を送るにはどうすればいいですか？

DEMO（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); 
    }