Angular ng-Model erreur

**totot** · 03/04/2018, 19h51

Bonjour,

J'ai suivi le tutoriel suivant et dans les formulaires de création et détail par exemple, j'ai l'erreur suivante :
Identifier 'name' is not defined. '__object' does not contain such a member

https://www.djamware.com/post/5a792e...eb-application

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="container">
  <h1>{{ contact.name }}</h1>
  <dl class="list">
    <dt>Address</dt>
    <dd>{{ contact.address }}</dd>
    <dt>City</dt>
    <dd>{{ contact.city }}</dd>
    <dt>Phone</dt>
    <dd>{{ contact.phone }}</dd>
    <dt>Email</dt>
    <dd>{{ contact.email }}</dd>
  </dl>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { ActivatedRoute } from '@angular/router';
 
@Component({
  selector: 'app-contact-detail',
  templateUrl: './contact-detail.component.html',
  styleUrls: ['./contact-detail.component.css']
})
export class ContactDetailComponent implements OnInit {
 
  contact = {};
 
  constructor(private route: ActivatedRoute, private http: HttpClient) { }
 
  ngOnInit() {
    this.getContactDetail(this.route.snapshot.params['id']);
  }
 
  getContactDetail(id) {
    this.http.get('/contacts/'+id).subscribe(data => {
      this.contact = data;
    });
  }
 
}

**Marco46** · 04/04/2018, 16h05

Ajoute un log pour voir les données remontées par le serveur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
getContactDetail(id) {
    this.http.get('/contacts/'+id).subscribe(data => {
      console.log('data = ', data);
      this.contact = data;
    });
  }