https://github.com/jutaz/angular-rere
🖼 Angular component to re-render the DOM on changes
https://github.com/jutaz/angular-rere
Last synced: 2 months ago
JSON representation
🖼 Angular component to re-render the DOM on changes
- Host: GitHub
- URL: https://github.com/jutaz/angular-rere
- Owner: jutaz
- License: mit
- Created: 2018-01-21T10:53:22.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-01-21T10:53:26.000Z (over 7 years ago)
- Last Synced: 2024-10-15T06:31:16.130Z (7 months ago)
- Language: JavaScript
- Homepage:
- Size: 59.6 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# angular-rere
This is an angular module to re-render content on value change.
## Installing
`npm install angular-rere`
Load either `./dist/angular-rere.js` or `./dist/angular-rere.min.js`.
Add `rere` as your app's dependency in your app declaration.
## Usage
Here's a quick, simple usage example:
```html
Toggle State
```
Note: `value` evaluates the value as a regular angular binding, which means that if an object is supplied,
its property updates will not trigger the re-render, as the value is being watched by reference.
## Why?
While angular has a really robust binding and observability concepts and tools helping to implement them,
sometimes it's just easier to simply re-render the entire component tree to get a fresh state. Re-rendering DOM this way
triggers all the lifecycle hooks in the components and directives, and this can solve certain problems if components are
not written with lifecycle hooks in mind.
Think of this as `$onChanges` hook for the DOM, just instead of (potentially) modifying the state, it completely rebuilds it.