什么是Angular中的viewproviders？ b / w提供商与viewproviders

发布时间：2020-12-17 07:55:43 所属栏目：安全来源：网络整理

导读：以下代码中的viewProviders是什么？它与提供商有何不同？ class Greeter { greet(name:string) { return 'Hello ' + name + '!'; }} @Component({ selector: 'greet',viewProviders: [ Greeter ],template: `needs-greeter/needs-greeter` })class HelloWorl

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

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

在您的示例中,提供者和viewProviders之间没有区别,因为HelloWorld的模板不使用< ng-content>.如果您在< ng-content> …< / ng-content>中投影内容,则Greeter无法注入投影内容,因为您正在使用

viewProviders: [Greeter]

如果您希望Greeter可能被注入到预计的内容中,那么您可以使用

providers: [Greeter]

因此,viewProviders将提供者限制为除预计内容之外的子级,而提供者允许所有子级使用提供者.值是viewProviders允许您防止投影内容搞乱您的服务,这在图书馆中尤其有用.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!