Question

ng-repeat生成了多个按钮。我正在尝试将每个按钮链接到alertify.js确认功能。我认为最好的方法是使用$index动态生成每个按钮的ID，然后通过控制器访问$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。

Angular＆amp; Alertify：多个使用$ index id确认

1 个答案: