jhades

addTodo(newTodo:Todo):Observable {
    let obs = this.todoBackendService.saveTodo(newTodo);

    obs.subscribe(
            res => {
                this._todos.next(this._todos.getValue().push(newTodo));
            });

    return obs;
}

jhades

export class CoursesService() {

   http: HttpClient;

   constructor() {
     this.http = new HttpClient(... dependencies needed by HTTPClient ...);
   }
...
}

jhades

const http$ : Observable<Course[]> = this.http.get('/api/courses');

http$
    .pipe(
        tap(() => console.log('HTTP request executed')),
        map(res => Object.values(res['payload']))
    )
    .subscribe(
        courses => console.log("courses", courses)

jhades

@Component({
  selector: 'app-root',
  template: `

    <h1>FA Input</h1>

    <fa-input icon="envelope" (value)="onNewValue($event)"></fa-input>
    
    <fa-input icon="lock" (value)="onNewValue($event)"></fa-input>

jhades

const obs = interval(1000).pipe(take(5));

jhades

export const routeConfig:Routes = [
    {
        path: 'home',
        component: Home
    },
    {
        path: 'lessons',
        component: AllLessons
    }
];

jhades

"server": {
  "builder": "@angular-devkit/build-angular:server",
  "options": {
    "outputPath": "dist-server",
    "main": "src/main.server.ts",
    "tsConfig": "src/tsconfig.server.json"
  }
}

jhades

onSelectUser(participantId:string) {

  this.participantsService.findParticipantById(parseInt(participantId))
      .pipe(
          debug(LogginLevel.DEBUG, "Loading participant from backend")
      )
      .subscribe(
          participant => {
              ...
          },

jhades

<div class="container" *ngIf="userLoggedIn">
  
      .... visible only to authenticated users 
  
    <button *ngIf="user.admin">Delete User</button>
  
</div>

jhades

@Component({
    selector:'app',
    template: `
        <button (click)="save()">Save Lesson</button>
        <lessons-list [lessons]="lessons"></lessons-list>
        `
})
export class App {

    constructor(private lessonsService: LessonsService) {