Angular 2, невозможно получить доступ к переменной в одном компоненте из другого компонента

Используйте @Input, когда хотите передавать данные от родителя к дочернему. Здесь я предполагаю, что users - это массив. Если нет, измените тип соответствующим образом.

Итак, в вашем родительском шаблоне:

<componenetB [users]="users"></componenetB>

От вашего ребенка (компонент B) не вводите User в конструктор. Вместо этого используйте @Input:

export class Component B   { 
    @Input users: User[];

    constructor() { }
}

Чтобы вы не получили ошибку undefined, если users на самом деле установлено позже, просто создайте экземпляр users в своем родителе, чтобы он не был неопределенным, пока он ожидает установки значений:

users: User[] = [];

Вот демонстрация, которая имитирует значения users, установленные позже. Просто нажмите кнопку, и значения появятся в дочернем, значения, которые установлены в родительском.

Плункер

Я не вижу привязки. Возможно, вы пропустили что-то вроде <hero-detail [hero]="selectedHero"></hero-detail>

Компонент А

import {Component,EventEmitter} from "@angular/core";
import {User} from "User.Model";

@Component({
   selector: 'component-A',
   outputs :["selectedUser"],
   templateUrl:''
})

export class AppComponent{
 selectedUser : new EventEmitter<User>;
 public rowSelected:boolean = true;
 constructor(public users : User ) {}
 getRowData(rowIndex: number, rowData: any): void { 
        this.rowSelected = $(rowIndex).hasClass('selected');
        console.log(rowData);
        this.users= rowData.FirstName;
        this.selectedUser.emit(this.users);
    }
}

Компонент B HTML

<component-a (selectedUser)="PrintUserInfo($event)"></component-a>

Компонент B.ts

// skipping some code
export class BComponent{
     PrintUserInfo(user :User): void {
       console.log("Name :" + user.Name);
   }
}

Надеюсь, я понял ваш вопрос. Если это отвечает на ваш вопрос, не забудьте пометить его как ответ.

Если у вас есть компонент (A - родительский), у которого есть дочерний компонент (B - дочерний), вы можете использовать декораторы ввода/вывода для связи между ними.

Дочерний компонент имеет свойство события userSelected, он сгенерирует событие, когда будет вызван метод emit(value?: T): void. Родительский компонент получит событие здесь - (userSelected)="onUserSelect($event), где $event содержит значение, переданное в метод emit. Таким образом, его можно использовать в родительском компоненте.

Более подробное описание здесь: http://learnangular2.com/outputs/

Родитель:

@Component({
   selector: 'component-a',
   template:'<component-b (userSelected)="onUserSelect($event)"></component-b>'
})
export class AComponent{
    selectedUser: User;
    onUserSelect(user: User){
       this.selectedUser = user;
    }
}

Ребенок:

@Component({
   selector: 'component-b'
})
export class BComponent {
   @Output() userSelected: EventEmitter<User>;

   rowClicked(user: User): void {
       this.userSelected.emit(user);
   }
}

ОБНОВЛЕНИЕ – введенная версия

В соответствии с шаблоном компонента A компонент B является дочерним по отношению к компоненту A.

Далее я углубляюсь в вашу реализацию, у меня возникает ощущение, что вся логика странная. Насколько я понимаю, у вас есть таблица пользователей в Компоненте А, затем при выборе строки появляется всплывающее модальное окно (компонент Б), в котором вы манипулируете данными пользователя. Таким образом, шаблон для компонента A должен выглядеть так (упрощенная версия):

<div class="modal-body">
   <componenetB [selectedUser]="selectedUser"></componenetB>
</div>

Затем для компонента B определите входную переменную с тем же именем, что и в шаблоне A.

@Component({
   selector: 'component-b'
})
export class BComponent {
   @Input() selectedUser: User;

   //Further your logic using selectedUser variable
   //If need to return modified selectedUser to A component, use Output
}

Что ж, похоже, вам не хватает логики кода для выбора пользователя. Я думаю, у вас должно быть что-то похожее на это, это просто пример. Вы должны передать весь объект компоненту B.

<table>
   <tr*ngFor="let user of users">
      <td (onClick)="openBModal(user)">{{user.UserName}}</td>
   </tr>
</table>

Чтобы дать более точный ответ, пожалуйста, предоставьте plunker свой пример, с этой небольшой информацией трудно понять, чего вы собираетесь достичь.