2016-10-26 6 views
0

チェックボックスをオンにしました。チェックボックスをクリックすると、アラートポップアップが表示されます。アラートポップアップで[OK]をクリックすると、チェックボックスを完全に置き換えて、その代わりにtrueを維持するよりもAngular JS、alert trueまたはfalse

Angular JSでどのように表示できますか?

angular.module('app', []) 
.controller('alertsMesssageCtrl', ['$scope', function($scope) { 
$scope.onalertClick = function(alert) { 
    var box = confirm("Are you sure you want to do this?"); 

    if (box === false) { // yes sure 
    alert.alertType = !alert.alertType; 
    return true; 
    }else{ 

    } 
}; 
+0

あなたは何を達成しようとしていますか?あなたの質問は本当に明確ではありません。 – Ronnie

答えて

0

角度でチェックボックスの変更の確認ダイアログをポップアップするには、次の操作を行うことができます:私は使用しています

JS

angular.module('app', []) 
.controller('alertsMesssageCtrl', ['$scope', function($scope) { 

    $scope.alert = { 
    alertType: false //initialization 
    }; 

    $scope.onAlertChange = function() { 
    var box = confirm("Are you sure you want to do this?"); 

    if (box === false) { // no 
     $scope.alert.alertType = !$scope.alert.alertType; //revert 
    }else{ //yes sure 

    } 
    }; 

}); 

HTML

<div ng-app="app" ng-controller="alertsMesssageCtrl"> 
    <input type="checkbox" ng-model="alert.alertType" ng-change="onAlertChange()" /> 
</div> 

注意をng-clickの代わりにng-changeを使用することもできます。これは、チェックボックス(Tabキーでチェックボックス要素にフォーカスし、スペースバーを使用してチェックします)。

関連する問題