Що таке провайдери перегляду в Angular? І в чому різниця між ч / б постачальниками та постачальниками перегляду?

Question 1

Що таке viewProviders у наведеному нижче коді? І чим він відрізняється від провайдерів?

class Greeter {
   greet(name:string) {
     return 'Hello ' + name + '!';
   }
}    
@Component({
  selector: 'greet',
  viewProviders: [
    Greeter
  ],
  template: `<needs-greeter></needs-greeter>`    
})
class HelloWorld {
}

Question 2

У вашому прикладі немає різниці між провайдерами та viewProviders, оскільки шаблон HelloWorld не використовує <ng-content>. Якщо ви проектували вміст всередині <ng-content>...</ng-content>, тоді Greeter не міг бути введений у прогнозований вміст, оскільки ви використовуєте

viewProviders: [Greeter]

Якщо ви хотіли, щоб Greeter потенційно вводився у прогнозований вміст, ви б використали

providers: [Greeter]

Отже, viewProvidersобмежує постачальника дітьми, крім проектованого вмісту, і providersдозволяє всім дітям користуватися постачальником. Цінність полягає в тому, що viewProvidersви можете запобігти зіткненню проектованого вмісту з вашими послугами, що може бути особливо корисно в бібліотеках.

Question 3

Якщо ми хочемо поділитися одним екземпляром послуги в усьому нашому додатку, ми налаштовуємо його у постачальників на нашому NgModule.
Якщо ми хочемо мати по одному екземпляру служби для кожного компонента та ділитися ним з усіма дочірніми компонентами компонента, ми налаштовуємо його у властивості провайдерів у нашому декораторі компонентів. Дитина - погляд дітей.
Якщо ми хочемо мати по одному екземпляру служби для кожного компонента і ділитися лише з дочірніми елементами перегляду компонента, а не з дочірніми елементами вмісту компонента, ми налаштовуємо його у властивості viewProviders нашого декоратора компонентів.