AngularJS:使用ng-click调用Controller方法

时间:2014-06-01 08:32:35

标签: javascript angularjs angularjs-scope

在我的angularJs应用程序中,所有数据都被完美地加载和显示,但是点击删除奖按钮没有任何反应。我在alert()方法中使用断点和deletePrize(),但从未调用此函数并且控件不能进入此函数

我在angularjs模块中有这样的路线:

...
            .when('/prizes', {templateUrl: '/assets/views/prizes/list.html', controller: PrizeListController})
...

和我的控制员:

 function PrizeListController($scope, Prize) {
    $scope.prizes = Prize.query();

    $scope.deletePrize = function (id) {

        alert('in delete method');
        Prize.delete({prizeId: id}, function () {
            toastr.success("جایزه حذف شد!");
            $location.path('/prizes');
        }, function () {
            toastr.error("خطا در عملیات");
        });
    };
}

和我的部分HTML文件:

  <h2>
    جوایز
    <button onclick="window.location='#/prizes/new'" class="btn btn-primary" style="float: left">ایجاد جایزه</button>
</h2>

<table class="table table-striped">
    <thead>
    <tr>
        <td>
            title
        </td>
        <td>
            description
        </td>
        <td>
            score value
        </td>
        <td>
            real value
        </td>
        <td>
            action
        </td>
    </tr>
    </thead>
    <tr ng-repeat="prize in prizes">
        <td><a href="#/prizes/{{prize.id}}">{{prize.title}}</a></td>
        <td>{{prize.description}}</td>
        <td>{{prize.scoreValue}}</td>
        <td>{{prize.realValue}}</td>
        <td>
            <button class="btn btn-danger" ng-click="deletePrize({{prize.id}})">حذف</button>
        </td>
    </tr>
</table>

修改

this question中提及的deletePrize({{prize.id}})替换deletePrize(prize.id)与{{1}}无法解决我的问题

0 个答案:

没有答案