Сбросить значение формы/объект для удаления по ng-click в 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> 

form2.html

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

app.js

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

Проблема:

1. нг-модель данных показывая неопределенное значение в контроллере и не смогут сбросить модель при нажатии на значок.
2. Демо использует тот же контроллер, но если у меня есть разные контроллеры, чем индексная страница. Как я могу отправить значение нажатия кнопки (ng-click) дочерним контроллерам?

DEMO (Plunker)

Answer 1

Пожалуйста Try This

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

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