![](/img/trans.png)
[英]Angular 6 Calendar Template parse errors: Can't bind to 'view' since it isn't a known property of 'div'
[英]Error: Template parse errors: Can't bind to 'options' since it isn't a known property of 'chart'
我有以下组件
import { Component, OnInit, Input } from '@angular/core';
import { Observable } from 'rxjs/Rx';
@Component({
selector: 'chart',
templateUrl: 'app/comps/chart.html',
providers: [],
})
export class ChartComp {
constructor() {
this.options = {
title : { text : 'simple chart' },
series: [{
data: [29.9, 71.5, 106.4, 129.2],
}]
};
}
options: Object;
}
和模块文件
import { ChartModule } from 'angular2-highcharts';
@NgModule({
imports: [ChartModule.forRoot(require('highcharts'))],
declarations: [Chart],
exports: [Chart]})
export class ModuleFile {
....
}
和 html 文件
<chart [options]="options"></chart>
然后我有一个示例页面,它实现了这个组件
import { Component } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'example-chart',
templateUrl:'app/comps/chart/example-chart.html',
providers: [],
})
export class ExampleChart{
constructor(
) {
this.options = {
title : { text : 'simple chart' },
series: [{
data: [29.9, 71.5, 106.4, 129.2],
}]
};
}
options: Object;
}
和 html
<chart [options]="options"></chart>
其中options
是传递给 html 的配置。 但不知道为什么我会收到这个奇怪的错误
EXCEPTION: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'options' since it isn't a known property of 'chart'.
1. If 'chart' is an Angular component and it has 'options' input, then verify that it is part of this module.
2. If 'chart' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
我尝试为选项添加@Input
。 然后我得到一个 DI 错误。 有什么想法吗? 提前致谢。
您需要使其成为能够使用属性绑定绑定到它的输入:
@Input()
options: Object;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.