这种错误通常是由于在父组件中未定义某个字段而导致的。解决此问题的方法是在父组件中声明该字段。
以下示例展示了如何在父组件中定义一个名为“foo”的字段,并在子组件中继承它:
父组件:
import { Component } from '@angular/core';
@Component({
selector: 'parent',
template: '{{foo}}
'
})
export class ParentComponent {
foo: string = 'hello world';
}
子组件:
import { Component } from '@angular/core';
import { ParentComponent } from './parent.component';
@Component({
selector: 'child',
template: ' '
})
export class ChildComponent extends ParentComponent { }
在这个示例中,子组件“ChildComponent”继承了父组件“ParentComponent”的属性“foo”。通过在父组件中定义属性“foo”,错误“ERROR field is undefined”得到解决。