угловые 2 привязки данных шаблона для @input

Question

мне очень интересно узнать, как вы, ребята, будет преобразовывать привязки ввода данных из

template: `<guage-bar [guage]=guageBar></guage-bar>` 

делать что-то вроде этого

let data = new PercentValue(20, 100); 
let guageBar = new GuageBar(this.data,'Database Health'); 

GuageBarComponent.guage = this.guageBar; 

Я попытался это и не работает. Моя конечная цель заключается в попытке сделать значения входных свойств внутри другого класса с помощью службы.

Спасибо!

Answer 1

Вы можете использовать @ViewChild и использовать на жизненном цикле крючок ngAfterViewInit, чтобы установить значение

import { ViewChild, AfterViewInit } from '@angular/core' 

@Component({ 
    template: `<guage-bar></guage-bar>` 
}) 
class ParentComponent implements AfterViewInit { 

    @ViewChild(GuageBarComponent) guageBarCmp: GuageBarComponent; 

    // the child component is available when this is called. 
    // before that it will be null 
    ngAfterViewInit() { 
    guageBarCmp.guageBar = guageBar; 
    } 
}