javascript - Angular 和警报 : Multiple confirms with $index id's

Question

我有多个由 ng-repeat 生成的按钮。我试图将每个按钮链接到 alertify.js 确认功能。我认为最好的方法是使用 $index 动态生成每个按钮的 ID，然后通过 Controller 访问 $index。我认为如果 $index 实际上被传递，那么至少一个按钮会起作用，但它们都不起作用。我不是要求任何人发布奇迹代码。我只想知道我使用的方法是否可行，如果不可行，还有哪些替代方案？

Controller 逻辑

function JsonController($scope, $http) {

    $scope.activeOn = true;
    $scope.activeOff = false;

    $http.get('flat.json')
        .then(function(res) {
            $scope.flats = res.data;
        });

    /**
     * ALERTIFY LOGIC
     */
    $scope.confirmButton = function(index) {

          $('confirm-' + index).click(function(){

               alertify.confirm("Are you sure?",
                    function(){
                         alertify.success('Yes');
                    },
                    function(){
                         alertify.error('No');
                    });
          });
    }
}

HTML 按钮

<button id="confirm-{{$index}}" class="btn btn-primary" ng-click="confirmButton($index)">Rebuild</button>   

Answer 1

您的 jquery 选择器中缺少 #。

应为 $('#confirm-' + index) 按 id 选择。