现在我读了很多帖子来解决这个问题,但似乎都没有解决方案。Angular JS按钮ng-click不会调用方法
在我的角度程序,我创建了角fullstack一条新路线:路线
因此,这里有我的控制器,模板和配置文件:
控制器:
'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'
});
});
正如我在我的标题中提到的某些原因,控制器中的方法没有被调用。我不知道为什么。
在我的其他路线,它的工作。
我希望你能给我一个提示。
在此先感谢。
你能否提供一些Plunk或jsfiddel以便更好地理解。 – Viplock
'ctrl.searchUser = function(searchString){...}' – ksav
是包含在您的项目中的控制器文件吗? –