Question

现在我读了很多关于这个问题的帖子，但似乎没有一个解决方案。

在我的角度应用程序中，我使用angular-fullstack创建了一条新路线：route

所以这是我的控制器，模板和配置文件：

控制器：

'use strict';

(function() {
  class AnmeldungCtrl {

    constructor($http, $window, $uibModal, $state) {

    }

    searchUser(searchString) {
      console.log("search Method");
      if (searchString.isNaN()) {
        this.state = "search";
        console.log("search");
        //TODO Search for name
      }
      else if (searchString >= 1000000) {
        this.state = "anmeldung";
        console.log("anmeldung");
        //TODO Search for bar code
      }
      else {
        this.state = "edit";
        console.log("edit");
        //TODO Search for Participant
      }
    }
  }

  angular.module('schwimmfestivalApp').controller('AnmeldungCtrl', AnmeldungCtrl);
})();

模板：

<div>

  <input type="text" ng-model="query" >

  <button ng-click="ctrl.searchUser(query)">Search</button>
  {{query}}
</div>

配置文件：

'use strict';

angular.module('schwimmfestivalApp')
  .config(function ($stateProvider) {
    $stateProvider
      .state('anmeldung', {
        url: '/anmeldung',
        templateUrl: 'app/anmeldung/anmeldung.html',
        controller: 'AnmeldungCtrl',
        controllerAs: 'ctrl'
      });
  });

正如我在标题中提到的那样，控制器上的方法没有被调用。我不明白为什么。

在我的其他路线上确实有效。

我希望你能给我一个提示。

提前致谢。

Answer 1

好的，我让它上班了。在我看来这是一个错误（如预期的那样）。我的一位同事在另一条路径上创建了一个具有相同标识符的cnontroller。

如果发生这样的事情，那么角度不会抛出错误。因为第二个控制器处于较低的路径，所以它来自原始控制器之后的包含。

感谢@MMhunter将控制台输出放在构造函数中。这在我的开发环境中并没有打印出来。所以我开始搜索原因，并找到了第二个控制器。

感谢各位的帮助。

Answer 2

尝试使用searchUser（查询）它可能会起作用，因为已经添加了控制器，无需使用控制器调用该函数

Angular JS按钮ng-click不调用方法

2 个答案: