1. angular-compile.git
  2. test
  3. angular2-webpack
  4. app
  5. Page.ts
 RSS Git Download  Clone
Raw View History
Blames found: 31 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/>
 814ae94c
<div [p3x-compile-html]="data2" [p3x-compile-html-ref]="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 = `
 ee23698f
<div>Service</div><a id="button-container" href="javascript:void(0);" (click)="ref.update1()">Click me via a service!</a> <div id="counter-container">${this.counter1}</div>
 eaeb0a62
`; this.compileHtmlService.compile({ template: this.data1, container: this.container, ref: this, })
 503f2b36
}
 16533ae5
 eaeb0a62
private update2() { this.counter2++; this.data2 = `
 ee23698f
<div>Attribute</div><a id="button-attribute" href="javascript:void(0);" (click)="ref.update2()">Click me via an attribute!</a> <div id="counter-attribute">${this.counter2}</div>
 eaeb0a62
`;
 16533ae5
}
 503f2b36
ngOnInit() {
 eaeb0a62
this.update1(); this.update2();
 16533ae5
} }