Angular 15 参考错误：初始化前无法访问“组件 A”

Question

我在相互导入独立组件时遇到一个问题。

成分A。

@Component({
  standalone: true,
  selector: 'app-a',
  templateUrl: './a.component.html',
  styleUrls: ['./a.scss'],
  imports: [
    BComponent
  ]
})
export class AComponent implements OnInit {

}

组分B

@Component({
  standalone: true,
  selector: 'app-b',
  templateUrl: './b.component.html',
  styleUrls: ['./b.scss'],
  imports: [
    AComponent
  ]
})
export class BComponent implements OnInit {

}

早些时候，这个解决方案对我来说工作得很好，因为使用模板访问这些组件。但现在收到此错误。

参考错误：初始化之前无法访问“AComponent”。

高度赞赏上述上下文中的任何帮助。

Answer 1

选择一个组件并使用forwardRef

@Component({
  standalone: true,
  selector: 'app-b',
  templateUrl: './b.component.html',
  styleUrls: ['./b.scss'],
  imports: [
    forwardRef(() => AComponent))
  ]
})
export class BComponent implements OnInit {

}

斯塔克闪电战

感谢 El Greco / Tim Deschryver，twitter 帖子