javascript - Angular & Alertify：使用 $index id 进行多次确认

Question

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

控制器逻辑

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来选择。