aurelia-dynamic-html
Aurelia custom element that takes (server- or client side) generated html and compiles it into a fully functional Aurelia View.
View LIVE DEMO
Installation
Install the npm dependency via
npm i aurelia-dynamic-html
or via the Aurelia CLI
au install aurelia-dynamic-html
Aurelia-CLI
For Aurelia-CLI projects based on RequireJS or SystemJS, the following will install and declare the dependency in your aurelia.json:
au install aurelia-dynamic-html
or if you have already installed and only need to add the dependency to aurelia.json:
au import aurelia-dynamic-html
alternatively you can manually add the dependency to your vendor.bundles:
"dependencies":
Configuration
;
Usage
Inline html, implicit $this context
- Input
- Output
Hello world!
Note: the variants below also apply to inline html, but are omitted for brevity
Html variable, implicit $this context
- Input
- Output
Hello world!
Html variable, explicit $this context
- Input
- Output
Hello world!
Html variable, context variable
- Input
- Output
Hello world!
Html variable, context variable (complex / nested)
The html and context can come from any source, be of arbitrary complexity, and work for any Aurelia feature.
- Input
- Output
Hello world!
Erroneous html, do not render errors
- Input
- Output
Erroneous html, render errors
- Input
- Output
Parser Error: Missing expected token } (...)
Building The Code
- From the project folder, execute the following command:
yarn/npm install
- To build the code:
npm run build
Running The Tests
- To run the tests
npm run test
- To continuously run the tests
npm run develop