リセットボタン更新しない値が

Question

私はこの上の空白を引っ張ってる、それは

私がボタンを持っている...それが動作するはずのように見えますが、 ：私はリセットしようとしている

$scope.reset = function() { 
     $scope.application = {}; 
     $scope.PostDataResponse = null; 
     $scope.errors = null; 
     $scope.selectedApplication = null; 
     $scope.application.status = true; 
     $scope.application.version = 1.0; 
     $scope.gridOptions.data.length = 0; 
     $scope.ApplicationSettingsForm.$setPristine(); 
     $scope.ApplicationSettingsForm.$setUntouched(); 
    }; 

入力：

<input type="number" style="font-family: sans-serif" class="form-control" ng-model="application.version" ng-disabled="true" id="Version" name="Version" placeholder="Version..." required> 

個の

どのように種子のページが最初にロードされます。

$scope.application = {}; 
    $scope.application.version = 1.0; 

ページのロードが、私はそこに1を得るが、私はリセット]をクリックしたときに、それはバージョンに戻ります...代わりに期待1.何の私はここで間違っていますか？

Answer 1

reset()関数のコード行の一部が例外をスローしている可能性があります。ほとんどの場合、おそらく$scope.gridOptions.data.length = 0;になる可能性があります。そうでない場合は、他の行に例外がスローされていないかどうかコンソールを確認してください。

reset()関数内の一部の行で例外がスローされる場合は、アプリケーションオブジェクトのバージョンが適切に設定されていない可能性があります。

コードをこれに変更できますか？私はすべての例外を避けることを期待して、いくつかのヌルチェックを追加しました：

$scope.reset = function() { 
     $scope.application = {}; 
     $scope.application.status = true; 
     $scope.application.version = 1.0; 
     $scope.PostDataResponse = null; 
     $scope.errors = null; 
     $scope.selectedApplication = null; 
     if($scope.gridOptions && $scope.gridOptions.data) { 
      $scope.gridOptions.data.length = 0; 
     } 
     if($scope.ApplicationSettingsForm) { 
      $scope.ApplicationSettingsForm.$setPristine(); 
      $scope.ApplicationSettingsForm.$setUntouched(); 
     } 
    }; 

Answer 2

あなたのコードが動作していますが、コントローラー内のオブジェクトとして$scope.applicationを定義する必要があります。

var myApp = angular.module('myApp', []); 
 

 
myApp.controller('FirstCtrl', function($scope) { 
 
    $scope.application = { version: 1.0 }; 
 

 
    $scope.reset = function() { 
 
    $scope.application = {}; 
 
    $scope.application.version = 1.0; 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="FirstCtrl"> 
 
    <input type="number" style="font-family: sans-serif" ng-model="application.version" placeholder="Version..." required> 
 
    <button type="reset" ng-click="reset()">Clear </button> 
 
</div>