Skip to content

Instantly share code, notes, and snippets.

View angular-academy-devs's full-sized avatar

Angular University angular-academy-devs

View GitHub Profile
@angular-academy-devs
angular-academy-devs / 01.html
Last active May 18, 2018 12:28
Angular App Shell
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MyAppShell</title>
<base href="/">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="styles.d41d8cd98f00b204e980.bundle.css" rel="stylesheet"/>
</head>
@angular-academy-devs
angular-academy-devs / 01.ts
Last active May 14, 2018 08:21
Angular Service Worker
...
"buildOptimizer": true,
"serviceWorker": true,
"ngswConfigPath": "src/ngsw-config.json",
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
import {FirebaseApp} from "angularfire2";
@Injectable()
export class LessonsService {
constructor( @Inject(FirebaseApp) fb) {
const rootDbRef = fb.database().ref();
rootDebRef.on('value', snapshot => console.log(snapshot.val()));
<heroes>
<hero id="1" name="Superman"></hero>
<hero id="2" name="Batman"></hero>
<hero id="3" name="Batgirl"></hero>
<hero id="3" name="Robin"></hero>
<hero id="4" name="Flash"></hero>
<hero id="5" name="Green Lantern"></hero>
</heroes>
<nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
<div class="container">
<a class="navbar-brand">Angular Router</a>
<ul class="nav navbar-nav" routerLinkActive="active">
<li class="nav-item"><a class="nav-link" routerLink="home">Home</a></li>
<li class="nav-item"><a class="nav-link" routerLink="about">About</a></li>
<li class="nav-item"><a class="nav-link" routerLink="courses">Courses</a></li>
</ul>
</div>
</nav>