两个组件之间的Angular2通信

我正在使用Angular2 rc5，我尝试通过服务构建组件通信 . 对于数组，它的工作方式与预期相同，但如果我更改了一个字符串，则不会更

我的主要组件如下：

import {Component} from '@angular/core';
import {ShareServiceService} from "../share-service.service";
import {ChildTwoComponent} from "../child-two/child-two.component";
import {ChildOneComponent} from "../child-one/child-one.component";

@Component({
    selector: 'parent',
    template: `
        <h1>Parent</h1>
        <div>
            <child-one></child-one>
            <child-two></child-two>
        </div>
    `,
    providers: [ShareServiceService],
    directives: [ChildOneComponent, ChildTwoComponent]
})
export class ParentComponent {
    constructor() {}
}

我的第一个儿童成分：

import {Component} from '@angular/core';
import {ShareServiceService} from "../share-service.service";

@Component({
    selector: 'child-one',
    template: `
        <div style="float:right; width: 45%">
            <pre>title: {{title}}</pre>
            <pre>title: {{_sharedService.testTitle}}</pre>
            <div>
            <ul *ngFor="let dataElement of data">
                <li>{{dataElement}}</li>
            </ul>
            </div>
        </div>
        `
    })
export class ChildOneComponent{
    data:string[] = [];
    title:string;

    constructor(public _sharedService:ShareServiceService) {
        this.data = this._sharedService.dataArray;
        this.title = this._sharedService.testTitle;
    }
}

第二个子组件：

import {Component} from '@angular/core';
import {ShareServiceService} from "../share-service.service";

@Component({
    selector: 'child-two',
    template: `
        <div style="float:left; width: 45%">
            <pre>title: {{title}}</pre>
            <pre>titleObj: {{titleObj.title}}</pre>
            <div>
                <ul *ngFor="let dataElement of data">
                    <li>{{dataElement}}</li>
                </ul>
            </div>
        <input type="text" [(ngModel)]="dataInput"/>
        <button (click)="addData()">addData</button>
        <button (click)="updateTitle()">updateTitle</button>
        </div>
        `
})
export class ChildTwoComponent {
    dataInput:string = 'Testing data';
    data:string[] = [];
    title:string;

    constructor(public _sharedService:ShareServiceService) {
        this.data = this._sharedService.dataArray;
        this.title = this._sharedService.testTitle;
    }

    addData() {
        this._sharedService.insertData(this.dataInput);
        this.dataInput = '';
    }

    updateTitle() {
        this._sharedService.updateTestTitle(this.dataInput);
        this.dataInput = '';
    }
}

我的服务：

import {Injectable} from '@angular/core';

@Injectable()
export class ShareServiceService {
    dataArray:string[] = [];
    testTitle:string = "should be updated";

    insertData(data:string) {
        this.dataArray.push(data);
    }

    updateTestTitle(newTitle:string) {
        this.testTitle = {title: newTitle};
    }
}

我试图实现的是，如果我在输入字段中输入带有“”的绑定的内容并按下“updateTitle”，则更新两个组件中的 Headers . 但那目前还不行 .

如果我将我的输入值添加到数组，通过单击“adddata”按钮，所有工作如excepted和我的数据元素列表显示所有元素 .

有人知道为什么我不能更新字符串吗？

提前致谢！