如何在单击重置按钮时清除角度智能过滤器

Question

这里我正在开发简单的角度html表单，我正在使用角度智能表。如何清除智能表搜索过滤器后，我请点击重置按钮

我的HTML

<tr> 
    <th></th> 
    <th><input st-search="studentId" st-delay="1200" /></th> 
    <th><input st-search="studentName" st-delay="1200" /></th> 
    <th><filter-options code-id="200" search-field="studentType"> 
     </filter-options></th> 
</tr> 

<button id="cm-ResetBtn" name="cm-ResetBtn" type="button" ng-click="Reset()">Reset</button> 

我的角码

$scope.Reset = function() { 
    //TODO 
} 

Answer 1

我猜

JS

$scope.Reset = function() { 
     $scope.studentId = ''; 
     $scope.studentName = ''; 
} 

H TML

需要添加ng-model属性输入

<th><input ng-model="studentId" st-search="studentId" st-delay="1200" /></th> 
<th><input ng-model="studentName" st-search="studentName" st-delay="1200" /></th> 

的jsfiddle example

你也可以检查这个问题Smart Table not update when search filter value changes from javascript

Answer 2

我固定的$state.reload()。按预期工作