[//]: #@corifeus-header
[](https://travis-ci.org/patrikx3/ng2-compile-html)
[](https://scrutinizer-ci.com/g/patrikx3/ng2-compile-html/?branch=master)
[](https://scrutinizer-ci.com/g/patrikx3/ng2-compile-html/?branch=master) [](https://trello.com/b/gqKHzZGy/p3x)
[](https://nodei.co/npm/p3x-ng2-compile-html/)
[//]: #corifeus-header:end
##Compile an HTML Angular 2 Service/Attribute to into a component/HTML
It is only using ```TypeScript``` right now. It can be built though.
##Install
```bash
npm install p3x-ng2-compile-html
```
## Dev environment end test
```bash
git clone https://github.com/patrikx3/ng2-compile-html.git
cd ng2-compile-html
npm install
node_modules/.bin/webdriver-manager update
grunt default|run
```
[http://localhost:8080](http://localhost:8080)
##Usage
###HTML
```html
<div #container></div>
<div [p3x-compile-html]="data2" [p3x-compile-html-ref]="ref" [p3x-compile-html-imports]="importsLikeMaterialEtc"></div>
```
###TypeScript
Check out the example, here [test/angular2/app/Page.ts](test/angular2-webpack/app/Page.ts).
###Info
Angular 2 tries to camelCase all attributes, for me it is still HTML, so my selectors always ```kebab-case```.
[//]: #@corifeus-footer
[by Patrik Laszlo](http://patrikx3.tk)
p3x-ng2-compile-html v1.1.112-147 on 2/26/2017, 1:39:27 AM
[//]: #@corifeus-footer:end
