---
title: Modal 弹出框
---
# Modal 弹出框

<div class="used-tiny">

Modal 是提供模态对话框的组件。&nbsp;&nbsp;

+ 弹出框组件提供服务方式供业务使用，使用该服务时需要引入模块`TiModalModule`，开发者通过调用`TiModalService.open`方法生成弹出框。

```typescript
import { TiModalModule } from '@opentiny/ng';
```

需要在项目中（建议在根模块）中导入`BrowserAnimationsModule`。

```typescript
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
```

</div>

<div class="used-config">

Modal 是提供模态对话框的组件。&nbsp;&nbsp;

+ 弹出框组件提供服务方式供业务使用，使用该服务时需要引入模块`TiModalModule`，开发者通过调用`TiModalService.open`方法生成弹出框。

```typescript
import { TiModalModule } from '@opentiny/ng';
```

</div>
