javascript - FEIL TypeError: "jit_nodeValue_3(...).toggle er ikke en funksjon"

Jeg jobber med et Angular-prosjekt. Jeg ønsket å legge til en månedsvelger som dukker opp ved klikk på et tekstfelt i navigasjonslinjen. Jeg bruker primeng-komponenter som <p-calendar> og <p-overlay>. Det er et stort prosjekt i seg selv, og jeg må legge til calendar-widgeten. Så jeg vil vise deg bare min del av koden.

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>

Men i det øyeblikket jeg klikker på inndataboksen, får jeg denne feilen:

Min forskning på denne feilen sier at den er relatert til MD Bootstrap. Men dette svaret fungerer ikke for meg. Jeg prøvde også denne teknikken, men den fungerer ikke slik vi ønsker. Og mine funn sier at (click)="op.toggle($event) er hovedårsaken. Vennligst fortell meg hvordan jeg kan løse dette.

Svar #1

Dette skjer når du prøver å utløse popover-bryteren fra et ikke-prime-element. Det ser ut til at du må legge til pInput i inputen (eller div-en og flytte klikkhåndtereren) og da vil det fungere.

<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>

Svar #2

Beklager for sen tilbakemelding, kan du prøve å lage typings.d.ts og legge denne koden her inn i den

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

Så i tsconfig.json-filen din

"typeRoots": [
            "node_modules/@types",
            "src/typings.d.ts" // add here
        ],

Relaterte artikler