P3X GitList

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

2f85f8e7

# ng2-compile-html

860a1b03

87841bb8

###The NPM is moved from

aae0b92f

87841bb8

```p3x-ng2-compile-html```

7ff33df7

87841bb8

to

7ff33df7

87841bb8

```ng2-compile-html```.

aedb93b3

26221cf7

Angular 2 Service/Attribute to compile an HTML into a component

c6f22a88

It is only using ```TypeScript``` right now. It can be built though.

860a1b03

a2110330

##Install

4be1332c

c6f22a88

```bash

aedb93b3

npm install 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

814ae94c

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