我正在使用角度 2 中的 JustGage 创建仪表组件。
以下是我的组件,
@Component({
selector: 'my-gauge',
template: '<div id={{gaugeId}} style="width:200px; height:150px;" ></div>'
})
export class GaugeComponet implements OnInit {
@Input()
gaugeId: String;
ngOnInit() {
console.log("inside on init with id : " + this.gaugeId);
var g = new JustGage({
id: this.gaugeId,
value: 45,
min: 0,
max: 100,
title: "Title"
});
}
}
及其在应用组件中的使用,
@Component({
selector: 'my-app',
template: '<h1>Gauge Demo</h1> <my-gauge gaugeId="testId"></my-gauge>',
directives :[GaugeComponet]
})
export class AppComponent { }
当我运行此代码时,我在浏览器控制台中得到以下输出,
inside on init with id : testId GaugeComponent.js (line 16)
* justgage: No element with id : testId found
当我硬编码仪表组件中的 id 时,我可以在我的页面上看到仪表。
我究竟做错了什么?