Angular中的视图提供者是什么？黑白提供者与视图提供者有什么区别？

以下代码中的viewProviders是什么？它与提供者有何不同？

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

在您的示例中，provider和viewProviders之间没有区别，因为HelloWorld的模板不使用<ng-content>。如果您要在中投射内容<ng-content>...</ng-content>，则无法使用Greeter，因为您正在使用

viewProviders: [Greeter] 

如果您希望将Greeter潜在地注入到投影内容中，则可以使用

providers: [Greeter]

因此，viewProviders将提供者限制为非计划内容的子对象，同时providers允许所有子对象使用提供者。该值viewProviders使您可以防止投影的内容与您的服务混乱，这在库中特别有用。

1. 如果我们想在整个应用程序中共享一个服务实例，则可以在NgModule的提供程序中对其进行配置。
2. 如果我们希望每个组件具有一个服务实例，并与所有组件的子组件共享，则可以在组件装饰器的providers属性上对其进行配置。孩子是一个观点的孩子。
3. 如果我们希望每个组件具有一个服务实例，并且仅与组件的视图子级而不与组件的内容子级共享，则可以在组件装饰器的viewProviders属性上对其进行配置。