# mui-iframe-box

## IframeBoxComponent

## 使用场景

文档预览功能

## 项目中用到的地方

资料中心-文件预览

## 代码示例

```html
<mui-iframe-box *ngIf="docId&&showmodel" [docId]="docId" [showmodel]="showmodel" (reload)="close($event)" (originFileName)="originFileName($event)" ></mui-iframe-box>
```

## API

### 属性

| 参数          | 说明     | 类型               | 默认值  |
| ------------- | -------- | ------------------ | ------- |
| `[docId]`     | 文档id   | `number`           | ---     |
| `[showmodel]` | 弹层状态 | `'false' | 'true'` | `false` |

### 事件

| 名称               | 说明         | 类型                    |
| ------------------ | ------------ | ----------------------- |
| `(reload)`         | 关闭按钮     | `EventEmitter<Boolean>` |
| `(originFileName)` | 获取文档名称 | `EventEmitter<string>`  |