Я новичок @angular, но я не вижу никаких намеков на то, как передать Input
varliable из одного компонента в другой. У меня есть карта, которая принимает объект json
в качестве входных данных, и я могу напечатать {{ json.name }}
в этом шаблоне, но я не могу передать json.name
дочернему компоненту:
<nb-card-header>
{{ cardDetails.name }}
</nb-card-header>
<ngx-gauge-chart [name]=cardDetails.name></ngx-gauge-chart>
Компонент калибровочной диаграммы:
@Component({
selector: 'ngx-gauge-chart',
styleUrls: ['./summary-card.component.scss'],
template: `
<div echarts
class="echart"
[options]="options">
</div>
`,
})
export class GaugeChartComponent implements OnDestroy {
ngOnDestroy(): void {
this.alive = false;
}
@Input()
name: string;
private alive = true;
options: any;
themeSubscription: any;
constructor(private theme: NbThemeService) {
this.themeSubscription = this.theme.getJsTheme().subscribe(config => {
this.options = {
series: [
{
startAngle: 180,
endAngle: 0,
thick: 15,
type: 'gauge',
showSymbol: false,
data: [{value: 55, name: this.name}],
axisLabel: {
show: false,
},
},
],
};
});
}
}
может ли кто-нибудь дать мне подсказку, как передать cardDetails.name
, чтобы его можно было прочитать как вход на компоненте ngx-gauge-chart
?