NgModal在Angular项目中不显示

npm install ng-modal --save
# 或者
yarn add ng-modal

import { NgModalModule } from 'ng-modal';

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    // ...
    NgModalModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

<button ng-modal-open="myModal">Open Modal</button>

<ng-modal name="myModal">
  <div class="modal-content">
    <h1>这是一个模态框</h1>
    <button ng-modal-close>关闭</button>
  </div>
</ng-modal>

.modal-container {
  display: none; /* 默认隐藏 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000; /* 确保在其他元素之上 */
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border-radius: 5px;
}