Почему не работает ng-click при генерации html когда из jQuery функции?

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>