文章/答案/技术大牛

发布

社区首页 >问答首页 >对组件隐藏Angular 6中的Bootstrap对话框

问对组件隐藏Angular 6中的Bootstrap对话框
EN

Stack Overflow用户

提问于 2020-04-23 12:39:51

回答 1查看 34关注 0票数 1

我试图从一个组件中隐藏引导对话框，但没有成功。我的对话框代码如下：

<div class="modal fade"  id="loading_video_upload" tabindex="-1" role="dialog"
     aria-labelledby="loading_video_upload_label"
     aria-hidden="true">
  <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
    <div class="modal-content">
      <img src="/assets/gif/gear_loading.gif"/>
      <div class="modal-footer">
        <button class="btn btn-primary" #loading_video_upload_btn id="hidebutton" data-dismiss="modal" data-target="loading_video_upload">Close
        </button>
      </div>
    </div>
  </div>
</div>

我的组件代码如下：

...
@ViewChild('video_upload_success_btn')
videoUploadSuccessDialogBtn: ElementRef;

some-apimethod() {
  this.loadingDialog.nativeElement.click();
}
...

请帮我指出哪里出了问题。

javascript

angular

bootstrap-4

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-04-23 14:46:21

您可以使用$('#loading_video_upload').modal('hide');

使用npm命令安装jquery和bootstrap。

在组件中声明var $：any；

可以在某些-apimethod()方法上使用$('#loading_video_upload').modal('hide');

演示https://stackblitz.com/edit/angular-model-bootstrap-close

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61379483

复制

相似问题

问对组件隐藏Angular 6中的Bootstrap对话框
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对组件隐藏Angular 6中的Bootstrap对话框EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对组件隐藏Angular 6中的Bootstrap对话框
EN