×
  • 建立和发布Angular库(v10)的最佳方法

  • 04 –使用可配置的Angular库模块

    课程清单

    在本课程中,我们将了解如何在已开发的任何角度应用程序中使用可配置角度库模块。

    导入角库

    当我们类似地导入其他模块时,我们会将库导入到我们的库中。 app.module.ts

    src / app / app.module.ts
    
    ...
    import { 新闻TwentyfourModule } from 'projects/news-twentyfour/src/public-api';
    @NgModule({
      declarations: [ AppComponent ],
      imports: [
        BrowserModule,
        新闻TwentyfourModule.forRoot({Token: 'xxxx-xxxx-xxxxxxxx-xxxxxxxxxxxxxx'})
      ],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    

    And then directly in our app.component.html, we can add the library component so it will view the news details from the library to our angular application.

    src / app / app.component.ts
    
    <h1>News List</h1>
    <lib-news-twentyfour></lib-news-twentyfour>
    

    视图

    可配置的Angular库:新闻API视图

    可配置的角度库
    .
    .
  • 启用通知    不用了,谢谢