javascript - Angular js: Creating Boostrap modal Windows template: Trouble to define action for ng-click in button -
i trying create template modal windows in app. goal set different parameters applied modal windows using dedicated object:
$scope.modalwarning = { titre: "", texte: "", type: "", bouton1valid: true, bouton1libelle: "", bouton1action: "", bouton2valid: false, bouton2libelle: "", bouton2action: "" } my template :
<div class="modal fade" id="modalwarning" tabindex="-1" role="dialog" aria-labelledby="examplemodallabel"> <div class="modal-dialog" role="document"> <div class="panel panel-{{modalwarning.type}}"> <div class="panel-heading"> <h2>{{modalwarning.titre}}</h2> </div> <div class="panel-body"> {{modalwarning.texte}} </div> <div class="panel-footer"> <button ng-show="modalwarning.bouton1valid" type="button" class="btn btn-default" data-dismiss="modal" ng-click="{{modalwarning.bouton1action}}">{{modalwarning.bouton1libelle}}</button> <button ng-show="modalwarning.bouton2valid" type="button" class="btn btn-primary" data-dismiss="modal" ng-click="{{modalwarning.bouton2action}}">{{modalwarning.bouton2libelle}}</button> </div> </div> </div> </div> in angulars controller have initialization:
$scope.modalwarning.titre = "cloture de mise jour : " $scope.modalwarning.texte = "attention, après cette action, cette mise à jour ne sera plus accessible" $scope.modalwarning.type = "danger"; $scope.modalwarning.bouton1valid = true; $scope.modalwarning.bouton1libelle = "annuler"; $scope.modalwarning.bouton2valid = true; $scope.modalwarning.bouton2libelle = "continuer"; $scope.modalwarning.bouton2action = "closecurrentmajok()"; ('#modalwarning').modal('show'); // show modal windows all settings work well, except action button ng-click. parameter action in ng-click directive defined by: modalwarning.bouton2action.
i don't know how inject "string action" in ng-click i'm sure basic can't find way have take.
Comments
Post a Comment