によって生成された複数のボタンがありますng-repeat
。alertify.js
各ボタンを確認機能にリンクしようとしています。各ボタンの ID を で動的に生成し、コントローラー経由で$index
アクセスするのが最善の方法だと思いました。$index
実際に渡された場合、少なくとも1つのボタンが機能すると思いますが$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>