如何重置點擊事件上的所有模型？

例子： -

我有3個選擇框。當我點擊選擇框時會出現一些不同的數據，然後結果將被髮布。我添加了一個刪除按鈕，僅重置其父級選擇框。現在，我想知道的是，如何在點擊刪除按鈕時重置所有三個選擇框。

示例代碼下： -

<button ng-click="removeObj(key,model1,0)">Remove</span></button>

控制器代碼是根據： -

scope.removeObj = function(modelID, subModelID, selectBoxPos) { 
    modelID = 0; 
    subModelID = 0; 
})

我想在removeObj功能的點擊所有modelID數據復位爲0。

請幫忙。

來源

2016-11-17 Andy

什麼是'modelID'和'subModelID'。它被宣佈爲 –

如果您顯示您的選擇框代碼 –

據我所知，你不需要任何參數。只有建立一個有意義的名字resetModels：如果您想要重置

<button ng-click="resetScpeModels()">Remove</span></button>

來源

2016-11-17 10:26:40

，則會更加清楚感謝您的幫助。我希望當我刪除我的第一個項目時，它會重置所有表單。換句話說，它會重置所有的選擇框在一次點擊。 modelID和subModelID是當前記錄只有一些值不爲其他人 – Andy

：

AngularJS控制器：

$scope.resetModels = function() { 
    // Set default value to your models... 
    $scope.modelID = 0; 
    $scope.subModelID = 0; 
});

的Html所有的價值。你應該這樣使用它

 $scope.model = {}; 
    $scope.model.modelID = 0; 
    $scope.model.subModelID = 0; 

    <input ng-model="model.modelID"/>

如果你想重置它。再次呼叫

$scope.model = {};

裏面的ng-click函數。

來源

2016-11-17 10:49:42 karman

我想單擊所有表單數據通過角度重置的參數。我嘗試了很多東西，例如JavaScript/Jquery，和所有 – Andy

這將解決您的問題。請爲它創建小提琴或展示一些現場實例。 – karman

當您給form命名時，它會自動添加到$scope。

在角度上，我們在$scope.formName上有$setPristine()方法。它應遞歸地處理重置您的表單。

您可以通過，$scope.formName.$setPristine();復位形式，但如果你綁定一個模型對象，以你的投入，你需要照顧清除這些呢，即：

$scope.formModel={};或angular.copy({}, formModel);

工作演示：

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

 
app.controller('myController', function($scope) { 
 
    $scope.Reset = function(formModel) { 
 
    angular.copy({}, formModel); 
 
    $scope.formModel = {}; 
 
    $scope.submitForm.$setPristine(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <form name="submitForm" ng-controller="myController"> 
 
     <label for="first_field">First Model</label> 
 
     <input ng-model="formModel.firstModel" /> 
 
     <br /> 
 
     <label for="second_field">Second Model</label> 
 
     <input ng-model="formModel.secondModel" /> 
 
     <br /> 
 
     <button type="button" ng-click="Reset(formModel)">Reset</button> 
 
    </form> 
 
</div>

來源

2016-11-17 11:07:07

如何重置點擊事件上的所有模型？

回答

相關問題