Error in ANGULAR form 5 in the title field?

Question

Error in ANGULAR form 5 in the title field?

Navigation

#1 by (1 votes)

0

It gives me an error in the field title in theory I have it well I put the form

<form (ngSubmit)="crear(a)" #a="ngForm" class="">

<label for="exampleFormControlSelect1">User_id</label>
<select class="form-control" id="exampleFormControlSelect1" *ngFor="let 
datos of archivo">
  <option>{{datos.user_id}}</option>

</select>



<div class="form-group">
<label for="titulos">Titulo</label>
<input type="text" class="form-control" name="titulo" 
[(ngModel)]="archivo.titulo">
</div>

And the error

main.component

import { Component,DoCheck } from '@angular/core';

import {HttpClient} from '@angular/common/http';
import {LoginService} from '../api/login/login.service';
import { Router } from '@angular/router';

@Component({
selector: 'app-main',
templateUrl: './main.component.html',
styleUrls: ['./main.component.css'],
providers:[LoginService]
})
export class MainComponent {

public archivo; 

public identidad;

public _id;

constructor(private _http: HttpClient,
public _servicio:LoginService,
public _routes:Router) { 
}

crear(a){

this._servicio.creararchivos(a).subscribe(data =>{

  form.reset();
  this._routes.navigate(['/login']);

}, error =>{
  console.log('error al crear el archivo');

}  
);

}

doing the model as it puts down gives me this error

angularjs-2.0 angular4

asked by ortiga 02.03.2018 в 20:34

source

1 answer

Function in PDO to escape special characters Print column name as headings with bd postgresql and python

score 1 · Accepted Answer

This is because you have not defined your file model, an example:

import { Component,DoCheck } from '@angular/core';

import {HttpClient} from '@angular/common/http';
import {LoginService} from '../api/login/login.service';
import { Router } from '@angular/router';

import { Archivo } from '../model/archivo.model';

@Component({
selector: 'app-main',
templateUrl: './main.component.html',
styleUrls: ['./main.component.css'],
providers:[LoginService]
})
export class MainComponent {

public archivo: Archivo; 

public identidad;

public _id;

constructor(private _http: HttpClient,
public _servicio:LoginService,
public _routes:Router) { 
this.archivo = new Archivo('','','');//Puedes inicializar tus columnas para mostrarse al inicio de la carga de tu pagina
}

crear(a){

this._servicio.creararchivos(a).subscribe(data =>{

  form.reset();
  this.archivo = data;
  this._routes.navigate(['/login']);

}, error =>{
  console.log('error al crear el archivo');

}  
);

You have to have your model file;

 export class Archivo{
        constructor(
            public user_id:number,
            public titulo: string
        ){

        }
    }