AlexaZem

Можно данные ввобще выкинуть в service который запровайдить в общий модуль для этих компонентов.
Ну а в самом сервисе если на примере user_id:

@Injectable()
export class DataService {
	private userIdSubject = new Subject<number>();
	$userId = this.userIdSubject.asObservable();

	setUserId(id: number) {
		this.userIdSubject.next(id);
	}
}

В самих компонентах если нужно поменять данные:
(dataSvc: DataService )
this.dataSvc.setUserId(id);

В компонентах которые должно отслеживать изменения и принимать данные:
(dataSvc: DataService )

this.dataSvc.$userId.subscribe((id: number) => console.log('has changes!', id));

И не забывать отписываться)

Можно менять высоту на auto, только другим способом.
Вот вариант который у меня работает.

state('hidden', style({height: '0px'})),
state('visible', style({height: '*'})),
transition('* => *', animate('255ms ease'))

подключить JQuery плагины в Angular 2

Вообще плохая идея, лучше - поискать под ангуляр npm пакет | переписать под себя плагин/пакет | написать свой модуль. А самый лучший вариант - найти похожий модуль для ангуляра, выкинуть все лишнее и организовать его в собственный кастомный модуль. При дальнейших обновлениях отдельных модулей или при переходе на новые версии ангуляра - меньше гемора будет.
А для интереса, что за плагины такие что без них никак?))

Или если

Сделал верстку и собрал проект с помощью gulp, все библиотеки и плагины объеденил в 1 файл

зачем Вам ангуляр?