json形式のオブジェクトを読み取ることはできますが、Angular2のプロパティを読み取ることはできません

Question

Error image json形式でオブジェクトにアクセスできますが、すべてのプロパティと値が表示されますが、個々のプロパティ値にアクセスします。

私はあなたの助けを前もってありがとう！コードの下

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

これは私のために動作します。私はコンポーネントにmyobj:anyを定義し、sendメソッドのシグネチャを変更しました。ここで

<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; 
} 


} 

hello_world.htmlは作業plunker `myobj`が定義されている

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