Angular 2
Algemeen ingebouwde richtlijnen en diensten

Invoering

Locatie Klasse

Locatie is een service die toepassingen kunnen gebruiken om te communiceren met de URL van een browser. Afhankelijk van welke LocationStrategy wordt gebruikt, blijft Location ofwel het pad van de URL ofwel het hashsegment van de URL behouden.

Locatie is verantwoordelijk voor het normaliseren van de URL ten opzichte van de basis-href van de toepassing.

import {Component} from '@angular/core';
import {Location} from '@angular/common';

@Component({
    selector: 'app-component'
})
class AppCmp {

  constructor(_location: Location) {

    //Changes the browsers URL to the normalized version of the given URL, 
    //and pushes a new item onto the platform's history.
    _location.go('/foo');

  }

  backClicked() {
    //Navigates back in the platform's history.
    this._location.back();
  }

  forwardClicked() {
    //Navigates forward in the platform's history.
    this._location.back();
  }
}

AsyncPipe

De async-pijp is geabonneerd op een Observable of Promise en retourneert de laatste waarde die het heeft uitgezonden. Wanneer een nieuwe waarde wordt uitgezonden, markeert de asynchrone pijp de component die moet worden gecontroleerd op wijzigingen. Wanneer het onderdeel wordt vernietigd, wordt de async-pijp automatisch uitgeschreven om mogelijke geheugenlekken te voorkomen.

@Component({
  selector: 'async-observable-pipe',
  template: '<div><code>observable|async</code>: Time: {{ time | async }}</div>'
})
export class AsyncObservablePipeComponent {
  time = new Observable<string>((observer: Subscriber<string>) => {
    setInterval(() => observer.next(new Date().toString()), 1000);
  });
}

De huidige angular2-versie weergeven die in uw project is gebruikt

Om de huidige versie weer te geven, kunnen we VERSION van @ angular / core-pakket gebruiken.

import { Component, VERSION } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `<h1>Hello {{name}}</h1>
  <h2>Current Version: {{ver}}</h2>
  `,
})
export class AppComponent  {
   name = 'Angular2'; 
   ver = VERSION.full;
}

Valutapijp

Met de valutapijp kunt u met uw gegevens werken als normale getallen, maar deze met standaard valutanotatie (valutasymbool, decimalen, enz.) In de weergave weergeven.

@Component({
  selector: 'currency-pipe',
  template: `<div>
    <p>A: {{myMoney | currency:'USD':false}}</p>
    <p>B: {{yourMoney | currency:'USD':true:'4.2-2'}}</p>
  </div>`
})
export class CurrencyPipeComponent {
  myMoney: number = 100000.653;
  yourMoney: number = 5.3495;
}

De pijp heeft drie optionele parameters:

• currencyCode : hiermee kunt u de ISO 4217-valutacode opgeven.
• symbolDisplay : Boolean geeft aan of het valutasymbool moet worden gebruikt
• digitInfo : hiermee kunt u opgeven hoe de decimalen moeten worden weergegeven.

Meer documentatie over de valutapijp: https://angular.io/docs/ts/latest/api/common/index/CurrencyPipe-pipe.html