Как динамически вставить Angular 6 @ViewChild в ImmutableJS?

Question

Я использую реактивныйFrom в angular 6 и хочу динамически выдвигать новый стиль через ImmutableJS.

Это то, что у меня есть

в HTML

<my-custom-text #a1 className="main-container my-first-child" text="Display Me" x="40px" y="30px"></my-custom-text>

в машинописном тексте.Я использовал это так:

import * as Immutable from 'immutable';
...
...
dynamicStyle: Immutable.Map<string, string> = Immutable.Map<string, string>();
@ViewChild('a1', {read: myCustomTextComponent}) a1: myCustomTextComponent;

SomeLogicHere(): void {
if(allconditionfullfilled == true) {
this.a1.setText('I am fullfilled');
this.dynamicStyle = this.dynamicStyle.set(this.a1, 'padding-top', '30px or something');
 }
}

Мой вопрос: как мне передать цвет через immutablejs, чтобы он динамически устанавливал что-то в некоторый пиксель, когда выполняются все условия ??