$ setPristine（）不以角材料形式工作

我正在角材料中添加一个简单的窗体，我也有一个取消按钮来清除窗体。我尝试使用$ setPristine（）但仍然输入字段在调用clearForm函数后显示红色。我在这里回答了一些答案，但这并没有解决我的问题。这里是我的index.html和app.js

<form id="addForm" name="myForm"> 
       <fieldset id="addField"> 
        <legend id="addFormLegend">Create Post</legend> 
        <md-input-container class="md-block"> 

         <md-icon md-svg-src="name.svg"></md-icon> 
         <input ng-model="post.name" type="text" placeholder="Name" ng-required="true"> 
        </md-input-container> 
        <md-input-container class="md-block"> 

         <md-icon md-svg-src="desc.svg"></md-icon> 
         <input ng-model="post.desc" type="text" placeholder="Description" ng-required="true"> 
        </md-input-container> 
        <md-input-container class="md-block"> 

         <md-icon md-svg-src="link.svg"></md-icon> 
         <input ng-model="post.url" type="url" placeholder="Url " ng-required="true"> 
        </md-input-container> 
        <md-button ng-click="clearForm()" class="md-raised md-primary" id="cancelButton"> Cancel </md-button> 
        <md-button ng-click="createPost(post)" class="md-raised md-primary" ng-disabled="myForm.$invalid" id="addButton"> Add Post </md-button> 
       </fieldset> 

      </form> 

app.controller('mainCtrl', ['$scope', '$firebaseArray', 'posts', function ($scope, $firebaseArray, posts) { 
     $scope.posts = posts; 
     $scope.showForm = false; 
     var defaultForm = { 
      name: "", 
      desc: "", 
      url: "" 
     }; 
     $scope.demo = {}; 
     $scope.post = angular.copy(defaultForm); 

     $scope.createPost = function (post) { 
      $scope.posts.$add({ 
       name: post.name, 
       desc: post.desc, 
       url: post.url 
      }); 
      $scope.post = {}; 
     }; 
     $scope.showAddForm = function() { 
      $scope.showForm = true; 
     }; 
     $scope.clearForm = function() { 
      // $scope.showForm = false; 
      $scope.myForm.$setPristine(); 
      $scope.post = angular.copy(defaultForm); 
      console.log('empty'); 


     } 
    }]);

来源

2016-02-05 Rishabh Jain

您使用的是哪个版本的angularjJS？ –

angularjs 1.4.9 –

其实我经历了很多答案，但都没有工作。于是我做了我的app.js

$scope.clearForm = function() { 
      $scope.showForm = false; 
      $scope.myForm.$setPristine(); 
      $scope.myForm.$setUntouched(); 
      $scope.post = {}; 
}

所以基本上增加$ scope.myForm添加这些行$ setUntouched（）。后$ setPristine（）为我工作。

来源

2016-02-05 17:17:40

尝试在控制器上创建的范围porperty，如$scope.form = null;那么你改变形式的名称form.myForm。那么你应该可以从控制器中调用$scope.form.myForm.$setPrestine()。

这是因为表单创建了自己的作用域，并没有直接添加到控制器作用域中。

但是现在您正在创建一个属性form，表单控制器被分配到该属性，并可以依次从控制器访问该属性。

来源

2016-02-05 13:59:49

我试过了，我在这里经过了很多答案，但验证仍在发生 –

你能提供一个jsFiddle或类似的吗？ –

我解决了它，几分钟后，我做了什么应用所有表单属性，并检查输出，应用$ scope.myForm。$ setUntouched（）; $ scope.myForm之后。$ setPristine（）;为我工作 –

$ setPristine（）不以角材料形式工作

回答

相关问题