Angularjs - 清理字段输入文本并选择

时间:2016-03-03 17:49:05

标签: jquery angularjs

我需要在angular中找到等效的形式来执行下一个代码jquery:

$("#form1 :input[type=text]").prop("value", '');
$("#form1 select").prop("selectedIndex", 0);

有什么想法吗?

感谢您的帮助。最诚挚的问候。

2 个答案:

答案 0 :(得分:2)

将模型添加到输入并选择:

association

然后在控制器使用中:

<input type="text" ng-model="input"/>
<select ng-model="select">
  <option value="1">pick a value</option>
  ...
</select>

$scope.input = '';

答案 1 :(得分:1)

Html表单

<div ng-controller="formController">
      <form>
         <input type="text" ng-model="input"/>
         <select ng-model="select">
           <option value="1">pick a value</option>
             ...
         </select>
        <button ng-click="clearForm()">Clear</button>
      </form>
    </div>

角度控制器和模块

angular.module('FormModule' , [])
.controller('formController' , function($scope){
 $scope.input = '';
 $scope.select = '';
 $scope.clearForm = function(){
  $scope.input = '';
  $scope.select = '';
 }
});