1. angular-compile.git
  2. test
  3. angular2
  4. app
  5. Page.ts
 RSS Git Download  Clone
Raw View History
Blames found: 28 Mode: application/typescript Binary: false


Hang on, we reloading big blames...
 16533ae5
import { Component, Injectable, ViewChild, ViewContainerRef,
 503f2b36
OnInit
 16533ae5
} from '@angular/core';
 1fab801c
import {CompileHtmlService } from '../../../src';
 16533ae5
@Component({
 b3659ae2
selector: 'p3x-ng2-compile-html-test',
 503f2b36
template: `
 eaeb0a62
<div #container></div> <hr/> <div [p3xCompileHtml]="data2" [p3xCompileHtmlRef]="ref"></div>
 503f2b36
`,
 16533ae5
}) @Injectable()
 503f2b36
export class Page implements OnInit {
 16533ae5
@ViewChild('container', {read: ViewContainerRef}) container: ViewContainerRef;
 eaeb0a62
data1: string; data2: string;
 503f2b36
ref: Page;
 eaeb0a62
counter1 : number = 0; counter2 : number = 0;
 976a970c
 503f2b36
constructor( private compileHtmlService: CompileHtmlService ) { this.ref = this;
 976a970c
}
 eaeb0a62
private update1() { this.counter1++; this.data1 = ` <div>Service</div><a href="javascript:void(0);" (click)="ref.update1()">Click me via a service!</a> <div>${this.counter1}</div> `; this.compileHtmlService.compile({ template: this.data1, container: this.container, ref: this, })
 503f2b36
}
 16533ae5
 eaeb0a62
private update2() { this.counter2++; this.data2 = `
 4210678b
<div>Attribute</div><a href="javascript:void(0);" (click)="ref.update2()">Click me via an attribute!</a>
 eaeb0a62
<div>${this.counter2}</div> `;
 16533ae5
}
 503f2b36
ngOnInit() {
 eaeb0a62
this.update1(); this.update2();
 16533ae5
} }