stevermeister

yarn global add @bazel/ibazel

curl https://raw.githubusercontent.com/alexeagle/canonical-angularcli-app/master/.bazelrc > .bazelrc
curl https://raw.githubusercontent.com/alexeagle/canonical-angularcli-app/master/WORKSPACE > WORKSPACE
curl https://raw.githubusercontent.com/alexeagle/canonical-angularcli-app/master/BUILD.bazel > BUILD.bazel
curl https://raw.githubusercontent.com/alexeagle/canonical-angularcli-app/master/src/BUILD.bazel > ./src/BUILD.bazel
curl https://raw.githubusercontent.com/alexeagle/canonical-angularcli-app/master/e2e/protractor.on-prepare.js > ./e2e/protractor.on-prepare.js
curl https://raw.githubusercontent.com/alexeagle/canonical-angularcli-app/master/e2e/BUILD.bazel > ./e2e/BUILD.bazel
curl https://raw.githubusercontent.com/alexeagle/canonical-angularcli-app/236406851409a88e85b3cdc9e6eaa250061fd7cc/src/main.ts > ./src/main.ts
curl https://raw.githubusercontent.com/alexeagle/canonical-angularcli-app/06151761ded53d22a2d03b9e6d67c31f045559af/src/index.html > ./src/index.html

stevermeister

<angular-switchery #f="ngForm" [formControl]="switcheryControl"></angular-switchery>
switcheryControl.value : {{f.value}}

stevermeister

<angular-switchery disabled="disabled"></angular-switchery>

stevermeister

	<angular-switchery [(ngModel)]="swticherModel"></angular-switchery>
	<angular-switchery [(ngModel)]="swticherModel"></angular-switchery>
	Switcher: {{swticherModel? 'ON' : 'OFF'}}

stevermeister

platformBrowserDynamic().bootstrapModule(AppModule, [
    {
        defaultEncapsulation: ViewEncapsulation.None
    }
]);

stevermeister

// src/app/auth/auth.service.ts

import { HttpRequest } from '@angular/common/http';

// ...
export class AuthService {

  cachedRequests: Array<HttpRequest<any>> = [];

  public collectFailedRequest(request): void {

stevermeister

import 'rxjs/add/operator/map';

export class JwtInterceptor implements HttpInterceptor {

  constructor(public auth: AuthService) {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    
    return next.handle(req).map((event: HttpEvent<any>) => {
      if (event instanceof HttpResponse) {

stevermeister

import { Injectable } from '@angular/core';
import {
  HttpRequest,
  HttpHandler,
  HttpEvent,
  HttpInterceptor
} from '@angular/common/http';
import { AuthService } from './auth/auth.service';
import { Observable } from 'rxjs/Observable';

stevermeister

const myInput = document.getElementById('myInput');

//1 - input
//2 - fetch
//3 - debounce


//Why not Promise?
/*
//---------------------1------------------------

stevermeister

import { Inject, Injectable } from '@angular/core';
import {
  BaseRequestOptions,
  Headers,
  Http,
  Request,
  RequestOptionsArgs,
  Response,
  URLSearchParams,
  XHRBackend