通过TemplateRef手动触发ngx-bootstrap模态

时间:2019-01-16 10:04:30

标签: bootstrap-modal ngx-bootstrap

我想通过打字稿动态触发模式。我知道这应该很容易,所以我可能正在寻找一些东西。

模板中的某处

<ng-template #adminmodal>.....Some content right here......</ng-template>

组件:

尝试从#adminmodal中创建TemplateRef

@ViewChild('adminmodal', { read: TemplateRef }) _adminModalRef: TemplateRef<any>;

试图触发并惨败

this.modalRef = this.modalService.show(this._adminModalRef);

它打开一个模态,但模态内容为空,所以我的方法有问题。

1 个答案:

答案 0 :(得分:0)

您的方法应该行得通,也许ngx-boostrap(https://github.com/valor-software/ngx-bootstrap/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+modal)内有错误

根据文档可以尝试的另一种方法是通过modalDirective

模板

        String line1;
          BufferedReader input1;
          Process p2 = Runtime.getRuntime().exec(new String[] {
                "cmd /c start cmd.exe /K java -cp catalina.jar 
                 org.apache.catalina.util.ServerInfo /s" });

          input1 = new BufferedReader(new 
          InputStreamReader(p2.getInputStream()));
          while ((line1 = input1.readLine()) != null) {
          System.out.println(line1);

        }
        input1.close();

打字稿

<div class="modal fade" bsModal #modal="bs-modal">...</div>

希望这可以帮助您,祝您好运!