ionic2
Конструктор и OnInit
Поиск…
Вступление
В отношении ionic2 constructor : в простых терминах мы используем его для создания экземпляра наших плагинов, сервисов и т. Д., Например: у вас есть страница (представление), где вы хотите показать список всех учеников, и у вас есть json-файл который содержит всех студентов (этот файл является вашим файлом данных), вам нужно создать службу в этой службе, вы создадите метод и получите запрос http.get, чтобы получить данные json, так что вам нужно что? http просто так:
Пример метода студенческой службы для использования 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) {
}
снова обратите внимание на конструктор здесь, мы создаем экземпляр StudentService в конструкторе, и еще одна вещь, мы используем плагин socialSharing, чтобы использовать то, что мы создаем экземпляр этого в конструкторе.
Метод ngOnInit, чтобы получить список студентов в режиме просмотра
OnInit : это действительно потрясающая вещь в ionic2, или мы можем сказать в AngularJs2. В этом же примере мы видим, что такое ngOnInit. Таким образом, вы готовы с помощью метода обслуживания, теперь, когда на вашем представлении / странице вы хотите, чтобы данные списка учащихся были доступны, как только появится ваше представление, это должна быть первая операция, выполняемая автоматически при загрузке, потому что, поскольку просмотр загружает ученика список должен быть видимым. Таким образом, класс реализует OnInit, и вы определяете ngOnInit. Пример:
Пример ngOnInit, чтобы получить список студентов на странице / просмотре
export class HomePage implements OnInit {
...
....
constructor(....){}
ngOnInit(){
this._studentService.getAllStudents().subscribe(
(students: Students[]) => this.students = students,
)
