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,
$scopechanges, 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
Post a Comment