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 = '';
}

HTML

需要将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()。这按预期工作

Answer 3

您可以查看Atkinson的帖子，它对我有用！

How to trigger ngClick programmatically

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

3 个答案: