Javascript 错误类型错误："；jit_nodeValue_3（…）。切换不是一个函数；

我在做一个有角度的项目。我想添加一个月份选择器，点击导航栏上的文本字段就会出现。我正在使用

priming

组件，如

和

。这本身就是一个巨大的项目，我必须添加

calendar

widget。因此，我将只向您展示我的代码部分

navigation.component.html

<div class="dls-menu-item" style="float: right; margin-right: 200px;">
    <input type="text" (click)="op.toggle($event)">
</div>

<p-overlayPanel #op>
  <div id="comp-render">
    <div class="all-container">
      <p>Time selection</p><br>
      <div>
        <p-calendar view="month" dateFormat="mm/yy"...></p-calendar>
      </div>
      <br>
    </div>
  </div>
</p-overlayPanel>

时间选择

但当我点击输入字段时，我得到了这个错误：

---

我对这个错误的研究表明它与

MD Bootstrap

有关。但这个答案对我不起作用。我也尝试过这种技术，但它并没有按照我们想要的方式进行。我的发现是，

（点击）=“op.toggle（$event）

是根本原因。请告诉我如何解决这个问题。

很抱歉回复太晚。你能试着创建typings.d.ts并把这个代码放在这里吗

interface JQuery<any> {
    tooltip(params: any): any;
}

---

当您尝试从非prime元素触发popover切换时，会发生这种情况。您似乎需要将pInput添加到输入（或div并移动单击处理程序），然后它就会工作

<div class="dls-menu-item" style="float: right; margin-right: 200px;">
    <input type="text" (click)="op.toggle($event)" pInput><!--Add pInput-->
</div>

<p-overlayPanel #op>
  <div id="comp-render">
    <div class="all-container">
      <p>Time selection</p><br>
      <div>
        <p-calendar view="month" dateFormat="mm/yy"...></p-calendar>
      </div>
      <br>
    </div>
  </div>
</p-overlayPanel>

时间选择

toggle是jquery函数，对吗？@TonyNgo。是的。它也是用typescript编写的。上面是直接来自

priming

文档的模板代码。他们是这样写的。这是链接好的，先生。我将创建一个新的项目，然后尝试此解决方案。我很久以前就解决了这个问题。但我感谢您的努力。我会的一定要向我的技术负责人展示这个答案。让我们看看她对此有何评论。

<div class="dls-menu-item" style="float: right; margin-right: 200px;">
    <input type="text" (click)="op.toggle($event)" pInput><!--Add pInput-->
</div>

<p-overlayPanel #op>
  <div id="comp-render">
    <div class="all-container">
      <p>Time selection</p><br>
      <div>
        <p-calendar view="month" dateFormat="mm/yy"...></p-calendar>
      </div>
      <br>
    </div>
  </div>
</p-overlayPanel>