javascript - Refresh Angular-ui bootstrap $scope -


so have let's say:

$scope.errormessage = "error1"; $scope.addcardmodal = $modal.open({      animation: true,      templateurl: 'pages/templates/modals/modal.html',     size: "lg",     scope: $scope });  $scope.checkerror = function() {     $scope.errormessage = "another error"; }  

and in modal.html template have:

<div ng-click="checkerror()">check error</div> <div ng-show="errormessage">{{ errormessage }}</div> <div ng-click="errormessage = false">close</div> 
  • when load modal, error messages shows supposed to.
  • when click close, error message hides it's supposed to.
  • however, when click check error, $scope changes, not translate modal.

does know why may happening , how can $scope modal? because if close modal, , open up, correct error message shows again.

try this:

$scope.errormessage = "error1"; $scope.addcardmodal = $modal.open({      animation: true,      templateurl: 'pages/templates/modals/modal.html',     size: "lg",     scope: $scope });  $scope.checkerror = function() {     $scope.errormessage = "another error"; }  $scope.toggleerror = function(){     $scope.errormessage = ""; } 

html:

<div ng-click="checkerror()">check error</div> <div ng-show="errormessage">{{ errormessage }}</div> <div ng-click="toggleerror()">close</div> 

i added toggleerror() function, empty errormessage string.


Comments

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

Magento/PHP - Get phones on all members in a customer group -

session - Logging Out Using PHP -