Comments (4)
Hi @rockymontana,
If you are in a situation where the ng-if
doesn't evaluate to false between different ng-if
evaluations, you can use $timeout
in your controller to simulate a reset like this:
// This will trigger the notification
$scope.growl.showGrowl = true;
// Reset the value after the notification is displayed
// so the ng-if is toggled again in the next tick
// in JavaScript's event loop
$timeout(function(){
$scope.growl.showGrowl = false;
});
That should take care of resetting the growl.showGrowl
between submissions and allow you to trigger the notifications more than once.
Technical background:
It is important to use $timeout
so the $digest
cycle is run between the actual changes from true to false and back. This causes the ng-if
expression to evaluate to a different value and thus triggering the addition of the DOM element again.
Can you let me know if it works so I can close this issue if OK?
Thanks for using the library!
from angular-growl-notifications.
Close due to lack of response.
from angular-growl-notifications.
I have the same issue. Already applied your solution and its worked! Thank you!
from angular-growl-notifications.
@mrzulkarnine — The latest version actually supports an easier way to tackle this using the on-close
attribute:
<button ng-click="showNotification = true">Show notification</button>
<!-- reset showNotification to false again when notification is closed -->
<!-- so the ng-if is triggered every time the button is clicked -->
<growl-notification ng-if="showNotification" on-close="showNotification = false">
...
</growl-notification>
Thanks!
from angular-growl-notifications.
Related Issues (20)
- Cannot read property 'parent' of undefined HOT 3
- Publish on NPM HOT 1
- Render same notification multiple times HOT 1
- Angular expressions in strings (interpolation) HOT 1
- Custom css for each notification
- Dynamically adding notifications example grows indefinitely HOT 5
- Error: after is undefined HOT 3
- growl notification ttl is not getting applied HOT 7
- on-close not working HOT 2
- how do i instal it on windows and without using bower? HOT 1
- Looses reference on state change - angular ui-router HOT 10
- Inline HTML HOT 5
- (Proposal) Replace $timeout with $interval (Accommodate Protractor tests) HOT 4
- Cannot read property 'parent' of undefined HOT 3
- on-close function gets called immediately HOT 3
- unable to download 2.6.0 version HOT 1
- on-open, on-close not in complete documentation
- class="ng-scope" error in dev console HOT 1
- Error: after is undefined HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-growl-notifications.