SteffenJahr · February 28, 2020 11:47
diff --git a/readme.md b/readme.md
diff --git a/app.component.html b/app.component.html
 <app-nav>
  <input type="text" #input /><button (click)="add(input.value)">Hinzufügen</button>
  <router-outlet></router-outlet>
 </app-nav>
diff --git a/app.component.ts b/app.component.ts
 import { Component } from '@angular/core';

 @Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
 })
 export class AppComponent {
  title = 'my-pwa';

  add(value: string) {
    console.log(value);
  }
 }
diff --git a/nav.component.html b/nav.component.html
 <mat-sidenav-container class="sidenav-container">
  <mat-sidenav #drawer class="sidenav" fixedInViewport
      [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
      [mode]="(isHandset$ | async) ? 'over' : 'side'"
      [opened]="(isHandset$ | async) === false">
    <mat-toolbar>Menu</mat-toolbar>
    <mat-nav-list>
      <a mat-list-item href="#">Link 1</a>
      <a mat-list-item href="#">Link 2</a>
      <a mat-list-item href="#">Link 3</a>
    </mat-nav-list>
  </mat-sidenav>
  <mat-sidenav-content>
    <mat-toolbar color="primary">
      <button
        type="button"
        aria-label="Toggle sidenav"
        mat-icon-button
        (click)="drawer.toggle()"
        *ngIf="isHandset$ | async">
        <mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
      </button>
      <span>my-pwa</span>
    </mat-toolbar>
    <!-- Add Content Here -->
    <ng-content></ng-content>
  </mat-sidenav-content>
 </mat-sidenav-container>
	<app-nav>
	<input type="text" #input /><button (click)="add(input.value)">Hinzufügen</button>
	<router-outlet></router-outlet>
	</app-nav>
	import { Component } from '@angular/core';

	@Component({
	selector: 'app-root',
	templateUrl: './app.component.html',
	styleUrls: ['./app.component.scss'],
	})
	export class AppComponent {
	title = 'my-pwa';

	add(value: string) {
	console.log(value);
	}
	}