Toggle navigation
P3X GitList Snapshot
GitHub
Repo
Changelog
To do
Releases
Themes
default
cerulean
cosmo
flatly
journal
lumen
paper
readable
sandstone
simplex
spacelab
united
yeti
solar
cyborg
darkly
slate
superhero
Change log
Loading change log ...
To do ...
Loading todo ...
browsing:
36d73f437017cd2bda121b52873284a6ffeffc7a
Branches
dependabot/npm_and_yarn/multi-d54fdff7c2
dependabot/npm_and_yarn/nanoid-3.3.8
master
Tags
1.1.129-287
1.1.113-149
1.1.108-143
1.1.95-138
1.1.92-119
1.0.35-18
1.0.13-14
Files
Commits
Log
Graph
Stats
angular-compile.git
src
app
app.component.html
RSS
Git
Fetch origin
Download
ZIP
TAR
Clone
Raw
View
History
Clone
SSH
HTTPS
Blames found: 10
Mode: htmlmixed
Binary: false
5c3da6ad
<div style="margin-top: 8px; margin-bottom: 18px; max-width: 700px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;"> <mat-toolbar color="primary"> P3X Angular Compile v{{ version }} </mat-toolbar> <mat-card style="border-radius: 0;">
96844f33
<a mat-button mat-stroked-button color="primary" target="_blank" class="mat-title" href="https://corifeus.com/angular-compile">Corifeus.com Wiki</a>
5c3da6ad
<br/>
13cea24f
<br/>
96844f33
<a mat-button mat-stroked-button color="primary" target="_blank" href="https://github.com/patrikx3/angular-compile/blob/master/src/app/app.component.ts">How it works from the code in GitHub, some examples</a>
5c3da6ad
13cea24f
<br/>
5c3da6ad
<br/> <strong>Go ahead and inspect the elements and click away!!!</strong> <br/> <br/> <mat-divider></mat-divider> <br/> <div class="mat-h1">Template 1</div> <div [p3x-compile]="data1" [p3x-compile-ctx]="this" [p3x-compile-module]="dataMaterialModule" class="p3x-angular-compile-element"></div> <br/> <mat-divider></mat-divider> <br/> <div class="mat-h1">Template 2</div> <div [p3x-compile]="data2" [p3x-compile-ctx]="this" [p3x-compile-module]="dataMaterialModule" class="p3x-angular-compile-element"></div> <br/> <mat-divider></mat-divider> <br/> <div class="mat-h1">Template 3</div> <div [p3x-compile]="data3" [p3x-compile-ctx]="this" [p3x-compile-module]="dataMaterialModule" class="p3x-angular-compile-element"></div> <br/> <mat-divider></mat-divider> <br/> <div class="mat-h1">Template 4 - Re-use the same context</div> <div *ngIf="true" [p3x-compile]="data2" [p3x-compile-ctx]="this" [p3x-compile-module]="dataMaterialModule" class="p3x-angular-compile-element"></div> <br/> <br/> <mat-divider></mat-divider> <br/> <div class="mat-h1">Pure Router Link with JIT Angular</div>
96844f33
<button mat-button mat-flat-button color="accent" (click)="randomRouterLinkPure()">Generate new router link</button>
5c3da6ad
<span [p3x-compile]="dataRouterLink" [p3x-compile-ctx]="this" [p3x-compile-module]="dataMaterialModule" class="p3x-angular-compile-element"></span> <br/> <br/> <mat-divider></mat-divider> <br/> <div class="mat-h1">Router Link with p3x-angular-compile</div> <div [p3x-compile]="dataMaterial" [p3x-compile-ctx]="this" [p3x-compile-module]="dataMaterialModule" class="p3x-angular-compile-element"></div> </mat-card> </div>