Как в Angular2 передать данные из одного компонента в другой?

Question

[zagamay_ru]

Здравствуйте!
Пробую вторую версию ангуляра.
Вопрос о наследовании, есть основной компонент для отображения шаблона

export class App {
  name = 'Angular 2 Webpack Starter';
  url = 'https://twitter.com/AngularClass';
  guest = true;

  constructor() {

  }

  isGuest(login) {
    return this.guest = login;
  }
}

В нем отрабатывают другие компоненты через роутер, например компонент {About} как мне в этом компоненте вызвать свойство из родительского компонента {App}?

думал что объявить так будет правильно:
class About extends App {}
Но на такую конструкцию ругнулся..
Помогите разобраться.

Answer 1

[ivanesi]

можно передать в сервисе который определен в родительской компоненте.

//parent
@Component({
  //...
  providers: [SharedDataService] 
  //...
})

https://angular.io/docs/ts/latest/guide/hierarchic...

Answer 2

[_ _]

В первом ангуляре это делалось через контроллеры директив или сервисы.
Во втором через сервисы или иерархический Dependency Injection - вы можете от вышестоящего компонента нижестоящему спустить нужные данные через него, поищите на офсайте доку

Answer 3

[Mikhail Osher]

Создаёте сервис, делаете его @Injectable.
Дальше уже должно быть понятно. :)

Answer 4

[rinatoptimus]

Попробуйте конструкцию:

import {название_родительского_компонента} from './родительский_компонент';
...
@Component({
  ...
  directives: [название_родительского_компонента]
})

Answer 5

[zagamay_ru]

Попробовал через директиву, выдал: Unexpected directive value 'undefined' on the View of component.
Пытался через @Injectable, работает, но не наследует, изменяя свойство в родителе, свойство с дочернем компоненте не изменяется.. что-то не так делаю

Comments

[rinatoptimus]

У них в офиц доках, вроде, что-то похожее plnkr.co/edit/?p=preview

[Fenixsar]

Добрый вечер, вы разобрались с данным вопросом? Если да, то не могли бы поделиться.