Как получить доступ к данным из импортированного компонента в Angular 2?

Question

Как получить доступ к данным из импортированного компонента в Angular 2?

0

У меня есть navbar.component.ts который имеет (click)=toggle(!isOn); который изменяет значение ison на true или false.

У меня есть еще один компонент welcome.component.ts. Я импортировал navbar.component.ts как Navbar. Когда я пытаюсь войти в Navbar.isOn он говорит undefined. когда я Navbar он дает

function Navbar() {
    this.selectedcity = 'Location';
    this.isOn = false;
    this.isDisabled = false;
}

Как получить доступ к значению isOn. То, что я хочу сделать, это сделать переполнение тела скрытым, когда пользователь нажимает кнопку.

Angular 2 Version 2.0.0-beta.15

Rahul.A.Krishna 17 сен. 2016, в 06:20

Источник

2

пожалуйста, обновите вашу версию Angular
smnbbrv 17 сен. 2016, в 04:51
0

Код уже далеко сделан. Насколько сложно будет изменить весь код до окончательной версии angular. Кроме того, Navbar.isOn даст результат в новой версии?
Rahul.A.Krishna 17 сен. 2016, в 05:18
0

Есть ли у вас связь между этими двумя компонентами?
micronyks 17 сен. 2016, в 05:20

Показать ещё 1 комментарий

Теги:

angular

javascript

html

angularjs

css

1 ответ

Ещё вопросы

пожалуйста, обновите вашу версию Angular
Код уже далеко сделан. Насколько сложно будет изменить весь код до окончательной версии angular. Кроме того, Navbar.isOn даст результат в новой версии?
Есть ли у вас связь между этими двумя компонентами?

micronyks · Answer 1 · 2016-09-17T03-02-00.000Z

ПРИМЕЧАНИЕ. Существуют и другие способы, но необходимо знать компоненты отношения ставки.

используйте (на данный момент) инжектор, как показано ниже,

import {App} from 'src/app';

constructor(private inj:Injector){}
click(){
         let parentComponent = this.inj.get(App);
         console.log(parentComponent.isOn)
         this.val=parentComponent.isOn;   //<----other component property

}

http://plnkr.co/edit/xYO7zA?p=preview