Comment modifier un attribut ?

Version imprimable

Bonjour j'ai un modèle comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
export class Sommaire{
 
    id:number;
    name:string;
 
    static matieres:Sommaire[] = [
        { id:1, name: 'Informatique' },
        { id:2, name: 'Electronique' },
        { id:3, name: 'Infographie' },  
        ];
}

j'ai un formulaire sous angular2, et je souhaite éditer un sommaire,

voici la classe qui va modifier l'une des métières que j'aurais sélectionner:

Code:

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
27
28
29
30
31
32
33
 
import {Component,Output,EventEmitter} from '@angular/core';
import {Sommaire} from './sommaire-data';
import {SommaireGestionService} from './sommaire-gestion';
 
@Component({
    selector: 'edit-matiere',
    templateUrl: './app/sommaire/sommaire-edit.template.html',
})
 
export class EditMatiereComponent {
 
    public matiereAediter:Sommaire;//une seul matiere à editer ou afficher
 
    @Output() onEdit = new EventEmitter();
    @Output() onLst = new EventEmitter();
 
    constructor(private sommaireService:SommaireGestionService){
       this.matiereAediter = this.sommaireService.getMatierNow();
    }
 
    annuler(){
            this.onLst.emit(null);
    }
 
    modifierMatiere(matiere:string){ //après avoir modifier son nom
        console.log(matiere);
        console.log(this.matiereAediter.id);
        this.matiereAediter.name = matiere;
        console.log(this.matiereAediter+" =fin ");
        this.onEdit.emit(null);
    }
}

lorsque j'active un bouton qui appel la méthode modifierMatiere(matiere:string), j'ai cette chaine que je souhaite la modifier directement mon modèle "Sommaire".
Mais:

Code:

1
2
 
        console.log(this.matiereAediter+" =fin ");

me donne

Code:

1
2
3
4
 
Electronique88 sommaire-edit.component.js:24:9
2 sommaire-edit.component.js:25:9
[object Object] =fin

ici matiereAediter est vide ? comment on précède pour réinjecter le nom modifier ?

merci de vos réponse

17/12/2016, 09h23
NoSmoking

Bonjour,
pour voir ce que contient ton objet il ne te faut pas faire un

Code:

console.log(this.matiereAediter+" =fin ");

mais plutôt un

Code:

console.log(this.matiereAediter, " =fin ");

Bonjour, une remarque concernant ce code:

Code:

1
2
3
4
5
6
7
8
9
10
11
export class Sommaire{
 
    id:number;
    name:string;
 
    static matieres:Sommaire[] = [
        { id:1, name: 'Informatique' },
        { id:2, name: 'Electronique' },
        { id:3, name: 'Infographie' },  
        ];
}

Il n'est pas correct, même s'il compile et fonctionne, car les items dans le tableau ne sont pas des instances de la classe "Sommaire".

Il faudrait faire (avec une interface) :

Code:

1
2
3
4
5
6
7
8
9
10
export interface Matiere {
    id: number
    name: string
}
 
export let matieres: Matiere[] = [
    { id: 1, name: 'Informatique' },
    { id: 2, name: 'Electronique' },
    { id: 3, name: 'Infographie' }
];

Ou bien avec une classe :

Code:

1
2
3
4
5
6
7
8
9
export class Sommaire {
    constructor(public id: number, public name: string) {
    } 
    static matieres = [
        new Sommaire(1, 'Informatique'),
        new Sommaire(2, 'Electronique'),
        new Sommaire(3, 'Infographie')
    ];
}

21/12/2016, 12h12
hotcryx

Perso, tout définir en Static n'est pas une bonne chose car ça reste en mémoire, à moins qu'il y ait un mécanisme de cache.
21/12/2016, 19h48
Paleo

Dans tous les cas, ce qui est exporté reste en mémoire.
16/01/2017, 18h49
keokaz

merci pour ces conseils :)

j'ai prix exemple sur un tuto pour les attibuts statique.

Je ne trouve pas et je n'arrive pas à faire la démonstration d'une hydratation de cette objet Sommaire (je suppose que c'est la méthode map() de rxjs)?

peut t'on passer du format JSON en objet facilement?

j'aimerais comprendre et savoir quel est la bonne facon d'hydrater un modèle d'objet depuis un json ?

par exemple je reçois depuis un webservice du json,

avant d'être exploiter on va récupérer les data et les hydrater soit les charger dans

leur attribut de l'objet à hydrater.

si vous avez des exmples de démonstration en Typescript?