-1
votes

Passer des données de la page HTML sur le fichier Typescript

J'ai un ngform pour la page Singup. J'ai essayé de transmettre les données au fichier .TS, mais j'ai échoué à les imprimer sur la console.

Voici mon code: p>

institute = {
    patient: '',
    phoneno: '',
    aadhar: '' 
};

instituteLogin(instForm: NgForm) {
    console.log("Entered new patient");
    console.log(instForm.value);
}

angular html

5 commentaires

Je ne vois aucun problème dans votre code. Voici une démo de travail. https://angular-ybbamr.stackblitz.io

Le projet ne se chargerait pas et je reçois cette erreur: Compiler.js: Compiler.js: 2409 Erreur non capturée: Template Parse Erreurs: Il n'y a pas de directive avec "exportations" définie sur "ngform" ("

] # institutsform =" ngform "(ngsubmit) =" institutelogins (Institutesform) ">

Importation dans les importations d'Appmodule -> Modemodule dans le module

Même je ne suis également confronté à aucune erreur dans votre code. Assurez-vous d'importer tous les modules de votre fichier APP.MODULE.TS et dans votre module de fonctionnalité également.

Est-ce que cela répond à votre question? Erreur angulaire2: il n'y a pas de directive avec "exportations "Set sur" ngform "

3 Réponses :

1
votes

Dans ce cas, il devrait être comme ceci:

instituteLogin(): void{
    console.log("Entered new patient");

    console.log(this.institute);
   }

1 commentaires

"L'élément a implicitement un type" n'importe quel "car type" typeof global 'n'a pas de signature d'index. " Je reçois cette erreur quand je le dis .Institut

2
votes

Vous n'avez pas ajouté le formulosmodule dans app.module.ts . xxx

Démo de travail: https://stackblitz.com/edit/angular-ybbamr

0 commentaires

1
votes

Eh bien, je pense que vous devriez utiliser FormControlName au lieu de NGModel.

HTML: P>

institute:FormGroup; 

instituteLogin(){
console.log("Entered new patient");

console.log(this.institute.value);


 }
constructor(private formBuilder:FormBuilder) { }
ngOnInit() {
this.institute =this.formBuilder.group( {
  patient: new FormControl(),
  phoneno:new FormControl(),
  aadhar:new FormControl()
});

0 commentaires