ionic2
निर्माता और OnInit

परिचय

कंस्ट्रक्टर में Http का उपयोग करने के लिए छात्र सेवा विधि उदाहरण

import {Http} from '@angular/http';
@Injectable()
export class StudentService{
    constructor(public http: Http){}
    getAllStudents(): Observable<Students[]>{
        return this.http.get('assets/students.json')
        .map(res => res.json().data)     
        }
    }

कंस्ट्रक्टर को फिर से नोटिस करें यदि हम इस सेवा पद्धति का उपयोग करना चाहते हैं तो हम अपने दृश्य / पृष्ठ पर जाएंगे और:

import {StudentService} from './student.service';
import { SocialSharing } from '@ionic-native/social-sharing';
export class HomePage implements OnInit {

  constructor(public _studentService: StudentService, public socialSharing: SocialSharing) {
   }

यहाँ फिर से कंस्ट्रक्टर को नोटिस करें, हम कंस्ट्रक्टर में स्टूडेंट सर्विस का एक उदाहरण बना रहे हैं और एक और बात, हम सोशलशेयरिंग प्लगइन का उपयोग कर रहे हैं ताकि यह उपयोग कर सकें कि हम कंस्ट्रक्टर में भी इसका उदाहरण बना रहे हैं।

दृश्य भार पर छात्रों की सूची प्राप्त करने के लिए ngOnInit विधि

OnInit : यह आयनिक 2 में वास्तव में आश्चर्यजनक है या हम AngularJs2 में कह सकते हैं। उसी उपरोक्त उदाहरण से हम देख सकते हैं कि ngOnInit क्या है। इसलिए आप सेवा पद्धति के साथ तैयार हैं, अब आपके विचार / पृष्ठ में आप चाहते हैं कि छात्र सूची डेटा उपलब्ध है जैसे ही आपका दृश्य दिखाई देने वाला है, यह लोड पर स्वचालित रूप से पहला ऑपरेशन होना चाहिए क्योंकि दृश्य छात्र को लोड करता है सूची दिखाई जानी चाहिए। इसलिए कक्षा OnInit को लागू करती है और आप ngOnInit को परिभाषित करते हैं। उदाहरण:

पृष्ठ / दृश्य पर छात्रों की सूची प्राप्त करने के लिए ngOnInit उदाहरण

export class HomePage implements OnInit {
...
....
constructor(....){}

ngOnInit(){
    this._studentService.getAllStudents().subscribe(
     (students: Students[]) => this.students = students, 
    )