1.0.0 • Published 7 years ago
@manekinekko/angular-twig v1.0.0
Angular2 ♥ Twig
This (WIP...) experiment is an attempt to add Twig templating support for Angular2
How to use
import {Twig} from 'angular2-twig';
The @Twig
decorator supersedes the @Component()
decorator.
Use a templateUrl
@Twig({
templateUrl: 'templates/field--comment.html.twig',
// -or- template: '',
context: {
title: 'Angular2 ❤ Twig',
content_1: 'content 1',
content_2: 'content 2'
},
selector: '#block-content',
})
export class AppComponent {}
Use an inlined template
@Twig({
template: `
<section>
{% if title %}
<h2>{{ title }}</h2>
{% endif %}
{{ content_1 }}
{% if content_2 %}
{{ content_2 }}
{% endif %}
</section>
`,
context: {
title: 'Angular2 ❤ Twig',
content_1: 'content 1',
content_2: 'content 2'
},
selector: '#block-content',
})
export class AppComponent {}
Live Example
Checkout this plnkr for a quick demo.
Acknowledgments
The Twig templates are parsed using (a modified version of) the twig.js library from @justjohn. All credits go to him for the parser.
License
The MIT License
1.0.0
7 years ago