Połączenie AJAXA z angularem

Question

Cześć mam pytanie. Wiecie może jak sprawić, by angularowe  "ng-repeat="f in film | filter: searchText | orderBy: sortColumn" działało we fragmencie ze skryptem ajaxa? Wcześniej w htmlu wrzucałam podobny kod i wszystko działało, ale chciałam, by po zmianie danych i kliknięciu na przycisk dane się odświeżały. Jednak wtedy zamiast danych wyskakuje mi coś takiego:

Poniżej wstawiam fragment kodu z częścią AJAXA:

$(function(){
    //  Po klinięciu na przycisku filmy powinny się wyświetlać
    $('#film-button').on('click', function(){
        $.ajax({
            url: '/films',
            contentType: 'application/json',
            success: function(response){
                var tbodyEl = $('tbody');

                tbodyEl.html('\
                            <tr ng-repeat="f in film | filter: searchText | orderBy: sortColumn">\
                            <td class="id" id="id"> {{f.id}} </td>\
                            <td><input type="text" class="form-control" id="title" value="{{f.title}}"></td>\
                            <td><input type="text" class="form-control" id="director" value="{{f.director}} "></td>\
                            <td><input type="text" class="form-control" id="type" value="{{f.type}}"></td>\
                            <td><input type="text" class="form-control" id="company" value="{{f.company}}"></td>\
                            <td><input type="number" class="form-control" id="year" value="{{f.year}}"></td>\
                            <td> <button  class="btn btn-danger" id="del">Usuń</button>\
                            <button class="btn btn-warning" id="upd">Edytuj</button></td>\
                            </tr>');
            }
        });
    });

 

 

Z góry dziękuję za pomoc :)

Answer 1

Po co Ci jquery, skoro masz $http w angularze. Zrób to jak człowiek, pobierz dane przez $http.get, przypisz to sobie do obiektu w kontrolerze i w widoku iteruj po tym obiekcie.