peter-affenzeller / web-components-custom-template Goto Github PK

Web components app to test the usage of custom templates with web components, setting the context and rendering items using the TemplateHelper from the Microsoft Graph Toolkit.

The opening and closing characters used for template bindings can be set in CustomTemplate.ts, using TemplateHelper.setBindingSyntax('', '').

The TemplateHelper is called in the render method to render items, using the template provided via the slot and the given context. Each rendered item is attached to the node provided as root for TemplateHelper.renderTemplate().

To get started:

npm install

• start runs your app for development, reloading on file changes
• start:build runs your app after it has been built using the build command
• build builds your app and outputs it in your dist directory
• test runs your test suite with Karma
• lint runs the linter for your project