jQuery引导4类型脚本.使用jQuery关闭模态不工作

Question

我试图使用jquery关闭typescript代码中角度项目的引导模式。

守则：

html中的函数调用：

(click)="populaterfpfromsaved(i, createSaved, createProp )"

createSaved和createProp是模态的本地引用

这里是情态动词：

<ng-template #createProp let-c="close" let-d="dismiss">
  <div class="modal-header">
    <h4 class="modal-title">Request For Proposal</h4>
    <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">

....

<ng-template class="mw-100 w-75" #createSaved let-c="close" let-d="dismiss">
  <div class="modal-header">
    <h4 class="modal-title">Saved RFPs</h4>
    <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body table-responsive">
    <table class="table table-hover">
      <thead>

....

还有我打字脚本中的代码

populaterfpfromsaved(index, create, prop){
    console.log('it fired to open the rfp modal');
    const scoperfp = this.savedrfps[index];
    this.savedevent.name = scoperfp.eventname;
    this.savedevent.date = scoperfp.datename;
    this.savedevent.programdate = scoperfp.datevalue;
    this.savedevent.dateflex = scoperfp.dateflex;
    this.savedevent.eventpurpose = scoperfp.eventpurpose;
    this.savedevent.starttime = scoperfp.startime;
    this.savedevent.starttimeflex = scoperfp.starttimeflex;
    this.savedevent.endtime = scoperfp.endtime;
    this.savedevent.endtimeflex = scoperfp.endtimeflex;
    this.savedevent.headcount = scoperfp.headcount;
    this.savedevent.eventdetails = scoperfp.eventdetails;
    (<any>jQuery(create)).modal('hide');
    (<any>jQuery(prop)).modal('show');


  }

但是情态动词没有改变。

有什么我没有做好的吗

Answer 1

像这样改变可能对你有用让我们试试这个。

更改您的html文件，

<ng-template #createProp let-c="close" let-d="dismiss">

到<代码>

类型脚本文件，

$('#createProp').modal('toggle');

无论您想在哪里关闭您的modal，都可以使用这一行。

确保你已经在你的应用程序和声明变量中包含了jQuery插件

declare var$：any

有棱角的cli。json

"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]

作为更多参考，

关闭引导模态https://medium.com/@swarnakishore/如何包含和使用jquery-in-ang-cli-project-592e0fe63176