Angular 2
सामान्य रूप से निर्मित निर्देश और सेवाएं

परिचय

स्थान वर्ग

स्थान एक सेवा है जिसका उपयोग ब्राउज़र के URL के साथ बातचीत करने के लिए कर सकते हैं। किस स्थान पर उपयोग किया जाता है, इसके आधार पर, स्थान या तो URL के पथ या URL के हैश खंड पर बना रहेगा।

एप्लिकेशन के आधार href के विरुद्ध URL को सामान्य करने के लिए स्थान जिम्मेदार है।

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

Async पाइप एक ऑब्जर्वेबल या प्रोमिस की सदस्यता लेता है और इसके द्वारा उत्सर्जित नवीनतम मान लौटाता है। जब एक नया मान उत्सर्जित होता है, तो async पाइप परिवर्तनों के लिए जाँच की जाने वाली घटक को चिह्नित करता है। जब घटक नष्ट हो जाता है, तो async पाइप संभावित मेमोरी लीक से बचने के लिए स्वचालित रूप से सदस्यता समाप्त कर देता है।

@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 संस्करण प्रदर्शित करना

वर्तमान संस्करण प्रदर्शित करने के लिए, हम @ कोणीय / कोर पैकेज से संस्करण का उपयोग कर सकते हैं।

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 मुद्रा कोड निर्दिष्ट करने की अनुमति देता है।
• प्रतीक चिह्न : बूलियन यह दर्शाता है कि मुद्रा प्रतीक का उपयोग करना है या नहीं
• digitInfo : आपको यह निर्दिष्ट करने की अनुमति देता है कि दशमलव स्थानों को कैसे प्रदर्शित किया जाना चाहिए।

मुद्रा पाइप पर अधिक प्रलेखन: https://angular.io/docs/ts/latest/api/common/index/CurrencyPipe-pipe.html