javascript - Angular ngSubmit 不起作用

Question

有以下代码:

<form data-ng-submit="ctrl.filter()" novalidate="true" class="search-filter ng-valid ng-dirty ng-valid-parse">
          <fieldset>
            <div class="search-filter-group">
              <div class="search-field-group">
                <div class="text-field">
                  <input type="text" placeholder="Type some text" data-ng-model="ctrl.searchString" class="ng-valid ng-touched ng-dirty ng-valid-parse">
                  <div data-ng-click="ctrl.resetFilter()" class="action-button reset-button">Reset</div>
                </div>
              </div>
              <input type="submit" value="Find" data-ng-class="{disabled: !ctrl.canFilter()}" class="button">
            </div>
          </fieldset>
        </form>

但是当我点击提交输入“ctrl.filter()”函数时不会被触发，但是如果我将 data-ng-click="ctrl.filter()" 添加到我的提交输入即可。有什么麻烦吗？

Answer 1

<div id="example" ng-app="StackM">
<div ng-controller="StackC as ctrl">
    <form data-ng-submit="ctrl.filter()" novalidate="true" class="search-filter ng-valid ng-dirty ng-valid-parse">
      <fieldset>
        <div class="search-filter-group">
          <div class="search-field-group">
            <div class="text-field">
              <input type="text" placeholder="Type some text" data-ng-model="ctrl.searchString" class="ng-valid ng-touched ng-dirty ng-valid-parse">
              <div data-ng-click="ctrl.resetFilter()" class="action-button reset-button">Reset</div>
            </div>
          </div>
          <input type="submit" value="Find" data-ng-class="{disabled: !ctrl.canFilter()}" class="button">
        </div>
      </fieldset>
    </form>
</div>

<script>
angular.module("StackM", [])
    .controller("StackC", function($scope){
        this.filter = function(){
          var a = this.searchString
            debugger;
        }

    })