使用Angular打开一个模态框(没有UI引导)的方法如下:
import { Component, OnInit } from '@angular/core';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
constructor(private modalService: NgbModal) { }
openModal(content) {
this.modalService.open(content);
}
openModal
方法:<button (click)="openModal(myModalContent)">打开模态框</button>
<ng-template #myModalContent>
<!-- 模态框的内容 -->
</ng-template>
这样,当点击按钮时,模态框将会打开。你可以根据实际需求自定义模态框的内容和行为。
请注意,上述示例使用了ng-bootstrap库中的模态框服务。你可以根据自己的需求选择其他的Angular模态框库或自行实现模态框功能。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云容器服务(TKE)。
领取专属 10元无门槛券
手把手带您无忧上云