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


Hang on, we reloading big blames...
 f46e4d96
import { Component, Injectable, ViewChild, ViewContainerRef,
 69db3407
OnInit, NgModule, CUSTOM_ELEMENTS_SCHEMA,
 db3e80f5
OnDestroy
 f46e4d96
} from '@angular/core'; @Component({ selector: 'p3x-compile-test',
 db3e80f5
template: `
 ff48999f
<!-- <cory-mat-loading [cory-visible]="true">sss</cory-mat-loading> --> <h3>Data1</h3> <div [p3x-compile]="data1" [p3x-compile-ctx]="this"></div> <hr/> <h3>Data2</h3> <div [p3x-compile]="data2" [p3x-compile-ctx]="this"></div> <hr/> <h3>Data3</h3> <div [p3x-compile]="data3" [p3x-compile-ctx]="this"></div>
 f46e4d96
 ff48999f
<hr/> Hidden is working? If show, below should say "Click me via a service!" <br/> <div *ngIf="false" [p3x-compile]="data2" [p3x-compile-ctx]="this"></div> <br/> If there was no "Click me via a service!" above, it works.
 69db3407
 ff48999f
<hr/>
 f46e4d96
 ff48999f
<h3>Data2 - This always visible</h3> <div *ngIf="true" [p3x-compile]="data2" [p3x-compile-ctx]="this"></div> `
 f46e4d96
}) @Injectable()
 db3e80f5
export class Page implements OnInit, OnDestroy {
 f46e4d96
data1: string;
 ff48999f
data2: string = 'init';
 f46e4d96
 ff48999f
data3: string = 'Just simple string <span style="color: red;">red</span>';
 db3e80f5
 ff48999f
counter1: number = 0; counter2: number = 0;
 f46e4d96
 db3e80f5
interval: any;
 c605ea6f
constructor( // private compileHtmlService: CompileService ) {
 f46e4d96
}
 c605ea6f
private update1() {
 f46e4d96
this.counter1++; this.data1 = ` <div>Service</div><a id="button-container" href="javascript:void(0);" (click)="context.update1()">Click me via a service!</a> <div id="counter-container">{{ context.counter1}}</div> `; }
 c605ea6f
private update2() {
 f46e4d96
this.counter2++; this.data2 = ` <div>Attribute</div><a id="button-attribute" href="javascript:void(0);" (click)="context.update2()">Click me via an attribute!</a> <div id="counter-attribute">{{ context.counter2}}</div> `;
 ff48999f
 f46e4d96
}
 ff48999f
 f46e4d96
ngOnInit() { this.update1(); this.update2();
 db3e80f5
/*
 ff48999f
let is = false; let newData = '<span>123</span>'; let defaultData = ''; let count = 0; this.interval = setInterval(() => { is = !is; if (is) { count++; defaultData = defaultData + newData; this.data3 = defaultData + defaultData; if (count > 10) { count = 0; defaultData = newData; } } else { this.data3 = '<div>321</div>' } }, 1000) */
 f46e4d96
}
 db3e80f5
ngOnDestroy() { clearInterval(this.interval); }
 f46e4d96
}