zoukankan      html  css  js  c++  java
  • [Angular] Difference between Providers and ViewProviders

    For example we have a component:

    class TodoList {
      private todos: Todo[] = [];
    
      add(todo: Todo) {}
    
      remove(todo: Todo) {}
    
      set(todo: Todo, index: number) {}
    
      get(index: number) {}
    
      getAll() {}
    }
    
    @Component({
      // ...
      viewProviders: [TodoList]
      // ...
    })
    class TodoAppComponent {
      constructor(private todos: TodoList) {}
      // ...
    }

    For TodoAppComponent, we make 'TodoList' as 'viewProviders'. 

    And inside TodoAppComponent, we have TodoInputComponent & TodoComponent as view children, and AppFooterComponent as content child:

    @Component({
      selector: 'todo-app',
      template: `
        <section>
          Add todo:
          <todo-input (todo)="addTodo($event)"></todo-input>
        </section>
        <section>
          <h4 *ngIf="todos.getAll().length">Todo list</h4>
          <todo *ngFor="let todo of todos.getAll()" [todo]="todo">
          </todo>
        </section>
        <ng-content select="app-footer"></ng-content>
      `
    })

    So now, if we want to inject TodoList into TodoInputComponent and TodoComponent, that's fine. But once we try to inject TodoList service into FooterComponent, it will show the error:

    ORIGINAL EXCEPTION: No provider for TodoList!

    This is because when we use 'viewProviders' we can only inject service into component and its view children. Content Children (passed in by ng-content) cannot be injected.

    When to use viewProviders?

    Why would I use viewProviders, if such providers are not accessible by the content children of the component? Suppose you’re developing a third-part library, which internally uses some services. These services are part of the private API of the library and you don’t want to expose them to the users. If such private dependencies are registered with providers and the user passes content children to any of the components exported by the public API of your library, she will get access to them. However, if you use viewProviders, the providers will not be accessible from the outside.

  • 相关阅读:
    oracle数据库版本进化的关键节点
    到底什么是数据库呢?
    迁移数据之后,读取数据库变得很慢
    为什么越来越多的人使用python呢?
    20135306 2.4 ELF文件格式分析
    20135306 2.3程序破解实践
    20135306黄韧模块实践报告
    Linux内核学习总结
    Linux内核分析期中知识点总结
    LINUX内核分析第八周学习总结——进程的切换和系统的一般执行过程
  • 原文地址:https://www.cnblogs.com/Answer1215/p/6417951.html
Copyright © 2011-2022 走看看