다른 구성 요소를 통해 속성을 업데이트 한 후 구성 요소가 Angular 2에서 렌더링되도록 트리거하는 방법은 무엇입니까? ngZone.run ()이 작동하지 않습니다.

귀하의 경우 에는 부모 / 자식 관계가 없기 때문에 Breadcrumb구성 요소를 OtherComponent하나에 주입 할 수 없습니다 . 공급자에 첫 번째 구성 요소를 추가해도 작동하지 않습니다.

providers: [Breadcrumb],

Günter에서 제공하는 접근 방식을 선택하거나 공유 서비스를 선택합니다.

import {Subject} from 'rxjs/Rx';

export class SharedService {
  property:string;
  property$:Subject<string> = new Subject();

  setProperty(newValue:string) {
    this.property = newValue;
    this.property$.next(this.property);
  }
}

구성 요소에서이 서비스를 다음과 같이 사용합니다.

export class OtherComponent implements OnInit {
  count: number = 1;

  constructor( private service: SharedService) {
  }

  ngOnInit() {
    this.updateBreadcrumb();
  }

  updateBreadcrumb() {
    this.service.setProperty("changed " + (this.count++));
  }
}

(...)

export class Breadcrumb {
  @Input() testProperty: string = "Initial Value which hopefully will get changed";  

  constructor(private service:SharedService) {
    this.service.property$.subscribe((data) => {
      this.testProperty = data;
    });
  }
}

이 plunkr를 참조하십시오 : http://plnkr.co/edit/wPEnpTWeMM1qpQPyzpdc?p=preview .

구성 요소 상호 작용에 관한이 문서가 관심을 가질 수 있습니다.

• https://angular.io/docs/ts/latest/cookbook/component-communication.html