Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
87 lines (78 sloc) 2.42 KB
/**
* Angular 2 decorators and services
*/
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { environment } from 'environments/environment';
import { AppState } from './app.service';
export const ROOT_SELECTOR = 'app';
/**
* App Component
* Top Level Component
*/
@Component({
selector: ROOT_SELECTOR,
encapsulation: ViewEncapsulation.None,
styleUrls: [
'./app.component.css'
],
template: `
<nav>
<a [routerLink]=" ['./'] "
routerLinkActive="active" [routerLinkActiveOptions]= "{exact: true}">
Index
</a>
<a [routerLink]=" ['./home'] "
routerLinkActive="active" [routerLinkActiveOptions]= "{exact: true}">
Home
</a>
<a [routerLink]=" ['./detail'] "
routerLinkActive="active" [routerLinkActiveOptions]= "{exact: true}">
Detail
</a>
<a [routerLink]=" ['./barrel'] "
routerLinkActive="active" [routerLinkActiveOptions]= "{exact: true}">
Barrel
</a>
<a [routerLink]=" ['./about'] "
routerLinkActive="active" [routerLinkActiveOptions]= "{exact: true}">
About
</a>
<a *ngIf="showDevModule" [routerLink]=" ['./dev-module'] "
routerLinkActive="active" [routerLinkActiveOptions]= "{exact: true}">
DevModule
</a>
</nav>
<main>
<router-outlet></router-outlet>
</main>
<pre class="app-state">this.appState.state = {{ appState.state | json }}</pre>
<footer>
<span>Angular Starter by <a [href]="twitter">@gdi2290</a></span>
<div>
<a [href]="url">
<img [src]="tipe" width="25%">
</a>
</div>
</footer>
`
})
export class AppComponent implements OnInit {
public name = 'Angular Starter';
public tipe = 'assets/img/tipe.png';
public twitter = 'https://twitter.com/gdi2290';
public url = 'https://tipe.io';
public showDevModule: boolean = environment.showDevModule;
constructor(
public appState: AppState
) {}
public ngOnInit() {
console.log('Initial App State', this.appState.state);
}
}
/**
* Please review the https://github.com/AngularClass/angular-examples/ repo for
* more angular app examples that you may copy/paste
* (The examples may not be updated as quickly. Please open an issue on github for us to update it)
* For help or questions please contact us at @AngularClass on twitter
* or our chat on Slack at https://AngularClass.com/slack-join
*/
You can’t perform that action at this time.