在Ionic應用程序中使用角度重置

Question

我正在嘗試爲我的成本估算器創建一個重置按鈕，我正在使用Ionic Framework進行構建。現在，我從簡單的重置時，它是一個Web應用程序，但顯然不適用於Ionic。

我知道我必須使用Angular並添加一個控制器等，但我是一個菜鳥，當談到Angular/Ionic並需要一些幫助。

這裏是我當前的代碼重新

HTML：

<div><button class="button button-block button-stable" id="resBtn" value="Reset">Reset</button></div> 

JS：

//Reset Button// 
document.forms[0].addEventListener('reset', function() { 
document.getElementById('result').innerHTML = ''; 
document.getElementById('container').innerHTML = ''; 
document.getElementById('resultPrem').innerHTML = ''; 
document.getElementById('containerPrem').innerHTML = ''; 
}); 

據復位這樣的：

<div id="priceBlock"> 
<h2 class="preText" > Standard = <span id="price"></span></h2> 
<h3 id="container">&nbsp</h3> 
<h2 class="preText">Express = <span id="pricePrem" ></span></h2> 
<h3 id="containerPrem">&nbsp</h3> 

我知道我將不得不添加如下內容：ng（刷新）到按鈕，然後在app.js中寫一個.controller，但真的可以做一些建議如何做到這一點。

任何幫助將不勝感激。

乾杯

弗雷德

Answer 1

你可以參考角文檔 angular form guide

<div ng-controller="ExampleController"> 
    <form novalidate class="simple-form"> 
    Name: <input type="text" ng-model="user.name" /><br /> 
    E-mail: <input type="email" ng-model="user.email" /><br /> 
    Gender: <input type="radio" ng-model="user.gender" value="male" />male 
    <input type="radio" ng-model="user.gender" value="female" />female<br /> 
    <input type="button" ng-click="reset()" value="Reset" /> 
    <input type="submit" ng-click="update(user)" value="Save" /> 
    </form> 
    <pre>user = {{user | json}}</pre> 
    <pre>master = {{master | json}}</pre> 
</div> 

<script> 
    angular.module('formExample', []) 
    .controller('ExampleController', ['$scope', function($scope) { 
     $scope.master = {}; 

     $scope.update = function(user) { 
     $scope.master = angular.copy(user); 
     }; 

     $scope.reset = function() { 
     $scope.user = angular.copy($scope.master); 
     }; 

     $scope.reset(); 
    }]); 
</script> 

注：從引導