Able eines Objekt im JSON-Format zu lesen, aber seine Eigenschaften in Angular2 nicht in der Lage zu lesen

Question

Error image
ich in der Lage bin, das Objekt im JSON-Format zuzugreifen, ich alle Eigenschaften und Werte sehen kann, aber ich bin nicht in der Lage Zugriff auf einzelne Eigenschaftswerte

Ich schätze Ihre Hilfe im Voraus !!!

example.html 

<label>Name:</label> 

<input type="text" [(ngModel)]="yourName" placeholder="Enter a name here"> 
<input type="number" [(ngModel)]="age" placeholder="Enter age here"> 
<br> 
<button (click)="send({ name : yourName, age : age})">send</button> 

<h1 [hidden]="!yourName">Hello {{yourName}}!</h1> 
{{myobj | json}} 
{{myobj.name}} 




example.ts 

import {Component} from 'angular2/core'; 

@Component({ 
selector: 'hello-world', 
templateUrl: 'src/hello_world.html' 
}) 
export class HelloWorld { 
yourName: string = ''; 
myname : string; 
myage : number; 
send : any (obj){ 
    console.log(obj); 
    this.myobj = obj; 
} 

}

Answer 1

Dieser Code unten funktioniert für mich. Ich habe gerade myobj:any in der Komponente definiert und die Methodensignatur send modifiziert.

hello_world.html

<label>Name:</label> 
    <input type="text" [(ngModel)]="yourName" placeholder="Enter a name here"> 
    <input type="number" [(ngModel)]="age" placeholder="Enter age here"> 
    <br> 
    <button (click)="send({ name : yourName, age : age})">send</button> 

    <h1 [hidden]="!yourName">Hello {{yourName}}!</h1> 
    {{myobj | json}} 
    {{myobj.name}} 

helloworld.ts

import {Component} from '@angular/core' 

@Component({ 
selector: 'hello-world', 
templateUrl: 'src/hello_world.html' 
}) 
export class HelloWorld { 
yourName: string = ''; 
myname : string; 
myage : number; 
myobj:any; 

constructor(){} 

public send(obj:any):void{ 
    console.log(obj); 
    this.myobj = obj; 
} 


} 

Hier ist ein Link zu einem Arbeits Plunker

https://plnkr.co/edit/5eNU8ermOX90UThetAJX?p=preview