我试图复制这个： http://plnkr.co/edit/OB2YTMJyeY3h9FOaztak?p=preview(这个plunker是有效的例子,我希望得到相同的结果,但我的代码,这是行不通的) @H_502_1@================================================== ================

@H_502_1@我有这个简单的双向绑定,我正在尝试更新父类和子节点上的字符串属性

@H_502_1@问题：当单击“从父级更新”时,两个绑定都会更新.但是当点击“从孩子更新”时,只有孩子更新！

@H_502_1@这看起来很简单,我可以做错什么？

@H_502_1@(注意：我使用了角度CLI来运行项目)

@H_502_1@================================================== ================

@H_502_1@父组件：

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

@Component({
  selector: 'app-my-dad',templateUrl: './my-dad.component.html',styleUrls: ['./my-dad.component.css']
})
export class MyDadComponent {

  parentModel: string;

  constructor() {}

  updateModel(){
    this.parentModel += ' parent';
  }
}

@H_502_1@父模板

<h2>Parent: {{ parentModel }} </h2> 
<button (click)="updateModel()"> update from parent </button>

<app-my-child [(model)]="parentModel"></app-my-child>

@H_502_1@儿童组件

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

@Component({
  selector: 'app-my-child',templateUrl: './my-child.component.html',styleUrls: ['./my-child.component.css']
})
export class MyChildComponent {

  @Input() model: string;

  constructor() { }

  updateModel(){
    this.model += ' child';
  }
}

@H_502_1@儿童模板：

<h2>Child: {{ model }} </h2>
<button (click)="updateModel()"> update from child </button>

@Input() myProp:String;
@Output() myPropChange:EventEmitter<String> = new EventEmitter<String>;