1. angular-compile.git
  2. README.md
 RSS Git Download  Clone
Raw View History
Blames found: 40 Mode: markdown Binary: false


Hang on, we reloading big blames...
 42a6db9c
[//]: #@corifeus-header
 c6f22a88
 370361d2
 c6f22a88
[![Build Status](https://travis-ci.org/patrikx3/ng2-compile-html.svg?branch=master)](https://travis-ci.org/patrikx3/ng2-compile-html)
 fe5ef982
[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/patrikx3/ng2-compile-html/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/patrikx3/ng2-compile-html/?branch=master)
 2f85f8e7
[![Code Coverage](https://scrutinizer-ci.com/g/patrikx3/ng2-compile-html/badges/coverage.png?b=master)](https://scrutinizer-ci.com/g/patrikx3/ng2-compile-html/?branch=master) [![Trello](https://img.shields.io/badge/Trello-p3x-026aa7.svg)](https://trello.com/b/gqKHzZGy/p3x)
 370361d2
 42a6db9c
[//]: #corifeus-header:end
 35069271
##Compile an HTML Angular 2 Service/Attribute to into a component/HTML
 c6f22a88
It is only using ```TypeScript``` right now. It can be built though.
 860a1b03
 a2110330
##Install
 4be1332c
 c6f22a88
```bash
 35069271
npm install p3x-ng2-compile-html
 c6f22a88
```
 d9b51825
## Dev environment end test
 6c890dd6
```bash git clone https://github.com/patrikx3/ng2-compile-html.git cd ng2-compile-html npm install
 38a7e496
node_modules/.bin/webdriver-manager update
 7d4eee12
grunt default|run
 6c890dd6
``` [http://localhost:8080](http://localhost:8080)
 c6f22a88
##Usage
 3f5778d5
 4be1332c
###HTML
 7a8f2e42
 503f2b36
```html
 88c62b72
<div #container></div>
 814ae94c
<div [p3x-compile-html]="data2" [p3x-compile-html-ref]="ref" [p3x-compile-html-imports]="importsLikeMaterialEtc"></div>
 1fab801c
```
 4be1332c
###TypeScript
 e97b3fae
Check out the example, here [test/angular2/app/Page.ts](test/angular2-webpack/app/Page.ts).
 8622b78a
###Info
 e97b3fae
Angular 2 tries to camelCase all attributes, for me it is still HTML, so my selectors always ```kebab-case```.
 503f2b36
 2f85f8e7
 42a6db9c
[//]: #@corifeus-footer
 370361d2
 2f85f8e7
[by Patrik Laszlo](http://patrikx3.tk)
 370361d2
 7d4eee12
[//]: #@corifeus-footer:end