Angular 2
Обычно встроенные директивы и службы

Вступление

Класс местоположения

Местоположение - это служба, которую приложения могут использовать для взаимодействия с URL-адресом браузера. В зависимости от того, какая LocationStrategy используется, Location будет либо сохраняться на пути URL, либо в сегменте хеша URL.

Местоположение отвечает за нормализацию URL-адреса от базового href приложения.

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

Асинхронная трубка подписывается на Observable или Promise и возвращает последнее значение, которое оно выбрало. Когда генерируется новое значение, асинхронный канал отмечает компонент, который нужно проверить для изменений. Когда компонент уничтожается, асинхронный канал автоматически отписывается, чтобы избежать потенциальных утечек памяти.

@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);
  });
}

Отображение текущей версии углового2, используемой в вашем проекте

Чтобы отобразить текущую версию, мы можем использовать VERSION из @ углового / основного пакета.

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;
}

Валютная труба

Канал валюты позволяет вам работать с вашими данными в виде обычных номеров, но отображать их со стандартным форматированием валюты (символ валюты, десятичные знаки и т. Д.) В представлении.

@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;
}

Труба принимает три необязательных параметра:

• currencyCode : Позволяет указать код валюты ISO 4217.
• symbolDisplay : Boolean, указывающий, следует ли использовать символ валюты
• digitInfo : Позволяет указать способ отображения десятичных знаков.

Дополнительная документация по каналу валюты: https://angular.io/docs/ts/latest/api/common/index/CurrencyPipe-pipe.html