在Angular 2/8中嵌套类的最佳解决方法是使用嵌套类的属性绑定。
以下是一个示例代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-parent',
template: `
Parent Component
`,
})
export class ParentComponent {
nestedClass = new NestedClass();
}
@Component({
selector: 'app-child',
template: `
Child Component
Nested Class Property: {{ nestedClassProperty }}
`,
})
export class ChildComponent {
@Input() nestedClass: NestedClass;
get nestedClassProperty() {
return this.nestedClass.property;
}
}
class NestedClass {
property = 'Nested Property';
}
在这个例子中,父组件ParentComponent
包含一个嵌套类NestedClass
的实例,并将其作为属性nestedClass
传递给子组件ChildComponent
。子组件通过@Input()
装饰器接收nestedClass
属性,并在模板中显示嵌套类的属性nestedClassProperty
。
通过这种方式,你可以在Angular 2/8中使用嵌套类,并在组件之间进行属性绑定。