niisar

import { Pipe } from '@angular/core';

@Pipe({
  name: 'myPipe'
})

export class MyPipe {
  transform(mediaItems) {
    var categories = [];
    mediaItems.forEach(mediaItem => {

niisar

import { Directive, HostBinding, HostListener, Input } from '@angular/core';

@Directive({
  selector: '[MyDirective]'
})
export class MyDirective {
  @HostBinding('class.is-favorite') isFavorite = true;
  @HostBinding('class.is-favorite-hovering') hovering = false;

  @HostListener('mouseenter')

niisar

import { Directive, HostBinding, Input } from '@angular/core';

@Directive({
  selector: '[MyDirective]'
})
export class MyDirective {
  @HostBinding('class.is-favorite') isFavorite = true;

  @Input()
  set MyDirective(value){

niisar

import { Directive, HostBinding } from '@angular/core';

@Directive({
  selector: '[MyDirective]'
})
export class MyDirective {
  @HostBinding('class.is-favorite') isFavorite = true;
  constructor() {}
}

niisar

export class Character{
  constructor(public id:number,public name:string){}
}

niisar

export class Character{
  constructor(public id: number, public name: string){ }
}

niisar

export class Character{
  constructor(public id:number,public name:string){}
}

niisar

export class Character{
  constructor(public id: number, public name: string){ }
}

niisar

<div>
  <h2>{{artist.name}}</h2>
</div>

niisar

<ul>
  <li *ngFor="let item of artists">
    {{item.name}}
  </li>
</ul>