for (var i = 0; i < categories.length; i++) {
if (categories[i]=="Home") {
$("#categoryNav").append("<a class=\"btn btn-primary\" ng-click=\"app.changeList('')\">" + categories[i] + "</a>");
}
else {
$("#categoryNav").append("<a class=\"btn btn-primary\" ng-click=\"app.changeList('" + categories[i] + "')\">" + categories[i] + "</a>");
}
}
Генерирует кнопки, каждая из которых вызывает метод в angularjs контроллере:
app.controller("ProductsController", function ($http) {
var goga = this;
goga.changeList = function (category) {
$http.get('/api/DataService/' + category)
.success(function (results) {
goga.products = results;
});
};
});
Но при нажатии на кнопку ничего не происходит, т.е. вызов метода не осуществляется. Однако, если создать кнопку в ручную и задать параметр при вызове метода goga.changeList('Soccer'), то вызов происходит. Код кнопки написанной в ручную, и код сгенерированный функцией не отличаются. В чём проблема?
Пример кнопки, созданной в ручную:
<a class="btn btn-primary" ng-click="app.changeList('Soccer')">TEST</a>
