ngx-doc-viewer插件的使用方法

ngx-doc-viewer是一个Angular（一种前端框架）中的插件，用于在Web应用中嵌入文档、API参考或其他格式的文件。它通常用于展示像Markdown、PDF、HTML等格式的文档内容。以下是基本的使用步骤：

1. **安装插件**:
使用npm命令添加到项目依赖中：

   npm install @ngxsio/viewer --save

或者如果使用Yarn:

   yarn add @ngxsio/viewer

2. **在模块中导入并配置**:
在你的应用程序模块的 imports 部分导入 `NgxDocViewerModule` 并在@NgModule的 declarations 和 providers 中添加：

   import { NgxDocViewerModule } from '@ngxsio/viewer';

   // ...
   @NgModule({
     imports: [NgxDocViewerModule.forRoot()],
     // ...
   })
   export class AppModule {}

3. **在组件中使用**:
在需要显示文档的组件模板上，使用`<ngx-doc-viewer>`指令，传入文档URL或本地路径，例如Markdown文件：

   <ngx-doc-viewer [src]="docsUrl" [type]="'.md'" (loaded)="onDocumentLoaded($event)"></ngx-doc-viewer>

其中，`[src]`属性绑定文档来源，`[type]`指定文档类型。

4. **处理加载事件**:
添加一个 `(loaded)` 触发函数来处理文档加载完成的回调，如获取文档内容或更新状态。

5. **样式调整**:
根据需要自定义插件的样式，可以使用CSS或引入主题。