yjaaidi

@Component({
  selector: 'wt-title-v1',
  template: `<h1>v1: {{ title }}</h1>`
})
export class TitleV1Component {
  @Input() title: string;
}

@NgModule({
  imports: [CommonModule],

yjaaidi

recognition = new webkitSpeechRecognition();
recognition.continuous = true;
recognition.lang = 'fr-FR';
recognition.onresult = console.log;
recognition.start();

yjaaidi

@Component({
  selector: 'wt-logo',
  template: `
<img [src]="getLogoUrl()">
<button (click)="company = 'wishtack'">WISHTACK</button>
<button (click)="company = 'google'">GOOGLE</button>
`
})
export class LogoComponent {

yjaaidi

@Component({
  selector: 'wt-logo',
  template: `<img [src]="logoUrl">`
})
export LogoComponent {
    logoUrl = require('!!url-loader!./logo.svg');
}

yjaaidi

import { Component, OnInit } from '@angular/core';
import { Scavenger } from '@wishtack/rx-scavenger';
import { interval } from 'rxjs';
 
@Component({
     template: `<div>{{ count }}</div>`
})
export class CounterComponent implements OnDestroy, OnInit {
 
    count: number;

yjaaidi

import { Component, OnInit } from '@angular/core';
import { Scavenger } from '@wishtack/rx-scavenger';
import { interval } from 'rxjs';
 
@Component({
     template: `<div>{{ count }}</div>`
})
export class CounterComponent implements OnDestroy, OnInit {
 
    count: number;

yjaaidi

import { Component, OnDestroy, OnInit } from '@angular/core';
import { Subject, interval } from 'rxjs';
import { takeUntil } from 'rxjs/operators';

@Component({
    template: `
<div>{{ count }}</div>
<button (click)="startCounting()">Start Counting</button>
`
})

yjaaidi

import { Component } from '@angular/core';
import { interval } from 'rxjs';
import { shareReplay } from 'rxjs/operators';

@Component({
    template: `
<div>{{ count$ | async }}</div>
<div>{{ count$ | async }}</div>
`
})

yjaaidi

import { Component } from '@angular/core';
import { Subscription, interval } from 'rxjs';

@Component({
    template: `<div>{{ count }}</div>`
})
export class CounterComponent implements OnDestroy, OnInit {

    count: number;
    

yjaaidi

import { Component } from '@angular/core';
import { interval } from 'rxjs';

@Component({
    template: `<div>{{ count$ | async }}</div>`
})
export class CounterComponent {

    count$ = interval(1000);