it-swarm.com.de

jit_nodeValue_4 (...). $ any ist keine Funktion Angular5

ERROR TypeError: jit_nodeValue_4(...).$any is not a function
at Object.eval [as handleEvent] (AddNewConnectionsComponent.html:42)
at handleEvent (core.js:13581)
at callWithDebugContext (core.js:15090)
at Object.debugHandleEvent [as handleEvent] (core.js:14677)
at dispatchEvent (core.js:9990)
at eval (core.js:10611)
at HTMLInputElement.eval (platform-browser.js:2628)
at ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:4744)
at ZoneDelegate.invokeTask (zone.js:420)

Ich erhalte diesen Fehler bei der erforderlichen Formulargruppe.

Mein TS-Dateicode 

        import { Component, OnInit } from '@angular/core';
        import { FormBuilder, Validators, FormGroup, FormControl } from '@angular/forms'
         import {ActivatedRoute, Router} from "@angular/router";

     @Component({
   selector: 'app-add-new-connections',
 templateUrl: './add-new-connections.component.html',
 styleUrls: ['./add-new-connections.component.scss']
})
export class AddNewConnectionsComponent {

 addNewConnectionForm: any;

 constructor(public fb: FormBuilder) { 
 this.addNewConnectionForm = new FormGroup({
  'connection_name': new FormControl("", [
    Validators.required
  ])
});

Mein HTML-Dateicode

<form [formGroup]="addNewConnectionForm" (ngSubmit)="saveConnection()" novalidate>
            <div class="col-sm-4"> 
<div class="form-group">
                  <label>Connection Name ?</label>
                  <input type="text" name="name" placeholder="" (change)="changeFun()" class="form-control" required>
                  <div *ngIf=>
                      Name is required.
                    </div>
                  <small [hidden]="addNewConnectionForm.controls.connection_name.valid" class="text-danger">Required</small>
              </div>
            </div>
            <button type="submit" [disabled]="!addNewConnectionForm.valid">Submit</button>
          </form>

Ich habe fast alles Mögliche ausprobiert. Ich kann jedoch keine Lösung finden Ich habe FormsModule und ReactiveFormsModule in meine Datei app.module.ts .__ importiert. Können Sie mir bitte eine Möglichkeit vorschlagen, wie ich es tun kann 

14
arpit dadheech

Für mich war das Thema anders.

Ich verwendete Angular-Materialmenü ..__ In der Vorlage hat das Menü eine lokale Variable wie folgt definiert <mat-menu #share='matMenu'>.share war auch der Name der Funktion, die ich in der Komponente aufrufen wollte, die jetzt überschrieben wurde. Das Ändern eines Namens wurde behoben.

9
Patrick Geyer

Wechseln Sie mithilfe der Befehlszeile in dasselbe Verzeichnis wie die package.json-Datei der Anwendung, die Sie aktualisieren möchten.

Wenn Sie npm outdated ausführen, wird eine Liste der Pakete angezeigt, die aktualisiert werden müssen. Meine App ist ziemlich neu, daher war das Aktualisieren aller Probleme kein Problem (wenn Sie bestimmte Pakete aktualisieren müssen dies wird Ihnen helfen ). Um eine vollständige Aktualisierung durchzuführen, npm update, wenn Sie npm outdated erneut ausführen, sehen Sie, dass alles auf dem neuesten Stand ist, , ABER, das Ihre Anwendung möglicherweise nicht kompiliert. Die Fehlermeldung, die ich bekam, war nicht sehr hilfreich. Um dieses Problem zu beheben, sind alle Ihre Importanweisungen gültig (eine von mir wurde in app.module.ts geändert.)

import { AppRoutingModule } from './app-routing.module'; wurde in import { AppRoutingModule } from './/app-routing.module'; geändert.

hoffe das hilft

4
tony09uk

Ich bekomme dasselbe Problem in Angular 5 und ich habe das npm-Paket von npm update aktualisiert, und das Problem wurde für mich gelöst. Es gab ein Problem in den Winkelabhängigkeiten, also habe ich es aktualisiert.

0
Vinit Solanki