typescript - Ionic 2 Sağlayıcı


Ben Ionic 2'ye yeniyim ve bir provider eklemeyi gösteren çevrimiçi herhangi bir öğreticiyi geçmeye çalışıyorum. Görünüşe göre Ionic, oluşturulan uygulama yapısını değiştirdi. Acaba biri bana bunu mevcut Ionic 2 uygulama yapısı ile nasıl yapacağımı örnek verebilir mi? Provider'ımı sayfa sınıfına (Constructor ve @Component sayfa dekoratörü) import etmeye ve eklemeye çalıştığım her yerde, bulunamadığına dair bir hata alıyorum. Tek yapmaya çalıştığım şey, mevcut Ionic 2 uygulama yapısıyla bu öğreticiyi takip etmek.

Cevap #1

`app.module.ts` içinde

import { PeopleService } from '../providers/people-service';
@NgModule({
  declarations: [
    // Declarations commented out for brevity
  ],
  imports: [
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    // Entry Components commented out for brevity
  ],
  providers: [PeopleService] // Add PeopleService provider
})

ve sonra 'home-page.ts' üzerinde

import {PeopleService} from '../providers/people-service/people-service';

export class HomePage {
public people: any;

    constructor(public peopleService: PeopleService){

      }
    }

Cevap #2

Bir sağlayıcı eklemek için şunu çalıştırabilirsiniz

> ionic g provider storage-provider

Bu, hazır bir şablon oluşturacaktır

Ve sonra bunu app.modules.ts dosyanıza import kullanarak ekleyin

> import { StorageProvider } from '../providers/storage-provider';
> import { IonicApp, IonicModule  } from 'ionic-angular';

Ve sonra aynı app.modules.ts dosyasında, dosyanın en altındaki providers bölümüne gidip StorageProvider sınıfını ekliyorsunuz

providers: [AuthProvider,  UtilProvider,**StorageProvider**  ],

İlgili makaleler