P3X GitList

Raw View History

Blames found: 24 Mode: markdown Binary: false

Hang on, we reloading big blames...

4395ce28

# ng2-compile-html

c6f22a88

[![Build Status](https://travis-ci.org/patrikx3/ng2-compile-html.svg?branch=master)](https://travis-ci.org/patrikx3/ng2-compile-html)

4395ce28

Angular 2 Service to compile an HTML into a component

c6f22a88

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

7a8f2e42

a2110330

##Install Command:

c6f22a88

```bash

4b1761c2

npm install p3x-ng2-compile-html

c6f22a88

``` ##Usage

3f5778d5

Check out the example, here [test/angular2/app/Page.ts](test/angular2/app/Page.ts).

a2110330

HTML

7a8f2e42

503f2b36

```html

1fab801c

<div #container>loading ...</div> <div [p3xCompileHtml]="data" [p3xCompileHtmlRef]="ref">loading ...</div> ```

a2110330

TypeScript

7a8f2e42

1fab801c

```typescript import {

e6214744

Component, Injectable, ViewChild, ViewContainerRef, OnInit } from '@angular/core'; import {CompileHtmlService } from '../../../src'; @Component({ selector: 'p3x-ng2-compile-html-text', template: ` <div #container>loading ...</div> <div [p3xCompileHtml]="data" [p3xCompileHtmlRef]="ref">loading ...</div> `, }) @Injectable() export class Page implements OnInit { @ViewChild('container', {read: ViewContainerRef}) container: ViewContainerRef;

5038f5cc

data: string = ` <div>Done</div> <a href="javascript:void(0);" (click)="ref.alert('ok')"> If click works it says OK! </a>`;

e6214744

ref: Page; constructor( private compileHtmlService: CompileHtmlService ) { this.ref = this; } alert(string: string ) { alert(string); } ngOnInit() { this.compileHtmlService.compile({ template: this.data, container: this.container, ref: this, }) } }

503f2b36

```

3f5778d5

## Run

7a8f2e42

3f5778d5

```bash npm install grunt run ``` [http://localhost:8080](http://localhost:8080)