Burchakli klient xizmatni ishlab chiqaradi va provayderni bir qadamda kiritadi

app.module.ts qatoridagi provayder sifatida bir qadamda yoki qatorida maxsus imkoniyatni ishlatish mumkin. ng g xizmati buyrug'i bormi?

Qachon amalga oshirish:

$ ng g service services/backendApi
installing service
  create src/app/services/backend-api.service.spec.ts
  create src/app/services/backend-api.service.ts
  WARNING Service is generated but not provided, it must be provided to be used

WARNING Service is generated but not provided, it must be provided to be used

Undan keyin (va OGOHLANTIRISH xabariga ko'ra) matn muharriri yordamida provayder qismiga app.module.ts qo'shiladi:

@NgModule({
  declarations: [
    AppComponent,
    ...
  ],
  imports: [
    ....
  ],
  providers: [BackendApiService],
  bootstrap: [AppComponent]
})

Buni bir qadamda bajarish, uni avtomatizatsiya qilish mumkinmi?

33

6 javoblar

Xizmatni yaratishda, aslida, xizmatni (yoki himoya qilish, chunki u ham taqdim etilishi kerak) ta'minlash mumkin.

Buyruq quyidagilardan iborat:

ng g s xizmatlari/backendApi --module = app.module

Tartibga solish

Agar xususiyat modulini taqdim etish mumkin bo'lsa, uni siz xohlagan modulga berishingiz kerak.

ng g s xizmatlari/backendApi --module = services/services.module

71
qo'shib qo'ydi
Buni ko'p joylarda ham berishning usullari bormi?
qo'shib qo'ydi muallif Spurious, manba
Men siz aytgan narsani aniq qilib qo'ydim va menga bu xatoni qaytarib berdi: "Ma'lumot yo'li" qo'shimcha funktsiyalarga ega emas (modul). "Men angular 6 dan foydalanaman
qo'shib qo'ydi muallif Vala Khosravi, manba
Umuman olganda, bir nechta modulda xizmatni ko'rsatish yomon amaldir. Ya'ni, CLI buni - module bayrog'i bilan ruxsat etmaydi. Buni siz o'zingiz qila olasiz, ammo uni sizning ilovangizda yuqori darajaga etkazishni tavsiya qilaman.
qo'shib qo'ydi muallif delasteve, manba
To'g'ri. Bu qayerga qachon qo'shilganimning bir qismi. ilovasi , app.module va app.module.ts barcha ishlarni bajaradi. Agar yo'l prefiksi bo'lsa, faqatgina path/to/app (barcha o'zgarishlarni eslatib) qilishingiz mumkin. Asl: github.com/angular/angular-cli/commit/… Devkit-ga o'ting (yangilanishlar bilan): github.com/angular/devkit/blob/master/packages/schematics/…
qo'shib qo'ydi muallif delasteve, manba
- Moduli bayrog'i burchak 6 dan boshlab $ ng gs dan chiqarildi. github.com/angular/angular-cli/wiki/generate-service va shuningdek, Simon_Weaverning javobi.
qo'shib qo'ydi muallif SuttonY, manba
ng g s services/userlist --module = app bilan kifoya
qo'shib qo'ydi muallif ValRob, manba
Javob 6 eng kam burchak uchun noto'g'ri. @ StuttonY sharhini tekshiring.
qo'shib qo'ydi muallif Ron, manba
10
qo'shib qo'ydi
Men tez-tez qo'shilaman yoki buni amalga oshirishni topshirmasimdan oldin ng buyrug'i oxirida - dryRun. Variantlarni o'rganish va eslab qolishning ajoyib usuli. Dryrun kichkina kostryulkalar ishlamaydi!
qo'shib qo'ydi muallif Simon_Weaver, manba

angular 5 va burchak-cli 1.7.0 uchun qabul qilingan javobdan sintaktikaning biroz o'zgarishi

ng g service backendApi --module=app.module
2
qo'shib qo'ydi
Men faqat bir sinov loyihasi bilan tekshirdim, va javobim hali ham ishlaydi. Men yo'qolgan narsa bormi? Aytishim mumkin bo'lgan yagona farq siz ilovada/xizmatlarda ishlab chiqariladigan app/vps konida xizmatni ishlab chiqarasiz (@Pablo Ezquiel so'ragan).
qo'shib qo'ydi muallif delasteve, manba

burchakli CLI yordamida burchakli 4 ilovaga xizmat qo'shish.

Burchak 2 xizmati oddiygina JavaScript funktsiyasidir, shuningdek unga bog'liq xususiyatlar va metodlar, shu jumladan, qo'shimchali 2 komponentlarga kiritilishi mumkin.

Ilovaga yangi burchakli 4 xizmatini qo'shish uchun ng g service serviceName dan foydalaning. Xizmatni yaratishda burchakli CLI xatoni ko'rsatadi:

WARNING Service is generated but not provided, it must be provided to be used

Buni hal qilish uchun @NgModule usuli provayderlari ning ichida src \ app \ app.module.ts xizmatiga murojaat qilishimiz kerak .

Dastlab, xizmatdagi standart kod:


import { Injectable } from '@angular/core';

@Injectable()
export class ServiceNameService {

  constructor() { }

}

Xizmatning bir nechta umumiy usullari bo'lishi kerak.

1
qo'shib qo'ydi

Burchak 5.12 va eng so'nggi burchakli CLI formatida bajaring

ng generate service my-service -m app.module
1
qo'shib qo'ydi

Yo'llarni ko'rsatish

--app
  --one
    one.module.ts
    --services

  --two
    two.module.ts
    --services
ONE modulida yangi papka bilan Servis yarating
ng g service one/services/myNewServiceFolderName/serviceOne --module one/one

--one
  one.module.ts//service imported and added to providers.
  --services
    --myNewServiceFolderName
      serviceOne.service.ts
      serviceOne.service.spec.ts
0
qo'shib qo'ydi
Angular Uzbekistan
Angular Uzbekistan
107 ishtirokchilar

Guruh Angular bo'yicha muloqot qilish uchun ochilgan Sizni qiziqtirsa: @nodejs_uz @react_uz @angular_uz @yiiframework_uz @js_uzb @typescript_uzb @vuejs_uz @ngTashkent @laravel_uz @uzdevgroup Ish o'rinlari @UzDev_jobs

Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb

ngTashkent
ngTashkent
77 ishtirokchilar

Правила просты: 1. Не хамить 2. Не хейтить 3. Реакт не нужен Ссылки: https://t.me/angular_ru - старший брат https://t.me/angular_uz - ангулар на узбекском @js_uzb @vuejs_uz @react_uz @nodejs_uz @yiiframework_uz @uzdevgroup @UzDev_Jobs @tasdev_talks