角度jsダイアログポップアップ

Question

<td> 
    <input type="checkbox" class="checkBox" 
     ng-model="alert.acknowledged" 
     ng-disabled="alert.acknowledged" 
     ng-click="onacknowledgedClick(alert)"> 
</td> 

私は、ユーザーがチェックボックスをクリックすると、電話、テキスト、または電子メールで確認するかどうかを尋ねるダイアログポップアップが表示されます。

誰かがAngular JSの概念を教えてくれますか？私はこれに新しいです。

Answer 1

angular.module('app','ngAnimate','ui.bootstrap']).controller("Hello",function($scope,$modal){ 
$scope.selectedAckOption ="NONE"; 
$scope.onacknowledgedClick=function(al) { 
    var modalInstance = $modal.open({ 
    templateUrl: 'stackedModal.html', 
    controller: 'ModalInstanceCtrl', 
    size:'md', 
    resolve: {} 
}); 
modalInstance.result.then(function (selectedItem) { 
    $scope.selectedAckOption = selectedItem; 
}, function() { 
    console.log('Modal dismissed at: ' + new Date()); 
}); 
}; 
}).controller("ModalInstanceCtrl",function($scope,$modalInstance){ 
    $scope.saveOption = function() { 
    $modalInstance.close($scope.ackOption); 
}; 
}); 

完全なソリューション - https://plnkr.co/edit/VnAv67AMrykf6CEyrAiv?p=preview