RSS Git Download  Clone
  src p3x-ng2-compile-html patrik laszlo 2 years, 8 months ago
  test p3x-ng2-compile-html patrik laszlo 2 years, 8 months ago
  .gitignore 27B angular 2 compile html service 2 years, 8 months ago
  .npmignore 68B angular 2 compile html service 2 years, 8 months ago
  .travis.yml 91B angular 2 compile html service 2 years, 8 months ago
  Gruntfile.js 335B angular 2 compile html service 2 years, 8 months ago
  LICENSE.md 1kB angular 2 compile html service 2 years, 8 months ago
  README.md 2kB p3x-ng2-compile-html patrik laszlo 2 years, 8 months ago
  _config.yml 29B Set theme jekyll-theme-architect 2 years, 8 months ago
  index.ts 23B angular 2 compile html service 2 years, 8 months ago
  package.json 2kB p3x-ng2-compile-html patrik laszlo 2 years, 8 months ago
  tsconfig.json 459B angular 2 compile html service 2 years, 8 months ago
  README.md
# ng2-compile-html [![Build Status](https://travis-ci.org/patrikx3/ng2-compile-html.svg?branch=master)](https://travis-ci.org/patrikx3/ng2-compile-html) Angular 2 Service to compile an HTML into a component It is only using ```TypeScript``` right now. It can be built though. ##Install ```bash npm install p3x-ng2-compile-html ``` ##Test ```bash git clone https://github.com/patrikx3/ng2-compile-html.git cd ng2-compile-html npm install grunt run ``` [http://localhost:8080](http://localhost:8080) ##Usage Check out the example, here [test/angular2/app/Page.ts](test/angular2/app/Page.ts). ###HTML ```html <div #container>loading ...</div> <div [p3xCompileHtml]="data" [p3xCompileHtmlRef]="ref">loading ...</div> ``` ###TypeScript ```typescript import { 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; data: string = ` <div>Done</div> <a href="javascript:void(0);" (click)="ref.alert('ok')"> If click works it says OK! </a>`; 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, }) } } ``` by [Patrik Laszlo](http://patrikx3.tk)