Angular ngSubmit不起作用

Question

There is the following code:

<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>

But when I click by submit input 'ctrl.filter()' function doesn't be triggered, but if I add data-ng-click="ctrl.filter()" to my submit input it works. What's the trouble?

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

    })