コード例の ng-repeat 領域が実行されると、ng-click アクションが機能しません。ただし、ng-repeat の外に移動しても機能します。解決方法や何が原因なのかわからない、
私のHTML
<table class="table table-bordered table-hover" id="my-vehicles-table" ng-controller="VehicleController">
<tbody>
<tr ng-repeat="car in cars">
<td><a href="{% ng car.get_absolute_url %}">{% ng car._get_model_display.make_display %} {% ng car._get_model_display.model_display %} {% ng car._get_model_display.trim_display %}</a></td>
<td>{% ng car.created_since %}</td>
<td>{% ng car.view_count %}</td>
<td>
<a href="#" ng-click="delete($event, {% ng car.id %})" class="btn btn-danger btn-mini delete-btn">{% trans 'Delete' %}</a>
<a href="#" ng-model="edit" class="btn btn-primary btn-mini edit-btn">{% trans 'Edit' %}</a>
</td>
</tr>
</tbody>
</table>
{% ng xxx %} は {{ xx }} を出力します。これは、django テンプレート タグです。コンテンツは正常にレンダリングされ、削除のアンカー内であっても、delete($event, num) が表示されるため、値が正しく入力されます。
しかし、削除アンカーをクリックすると、次のコントローラーから削除機能が呼び出されません
'use strict';
function VehicleController($scope, car) {
car.query(
// params
{created_by: '1'},
// success
function(data) {
$scope.cars = data.objects;
},
// error
function(data) {
}
);
var init = function() {
};
$scope.delete = function($event) {
console.log('dude');
// car.delete({id: id});
}
// initialize values
init();
}