DEV Community
·
将手动注入器传递给 toSignal 函数以避免上下文外注入错误
内容提要
在Angular中，构造函数中无法使用必需的信号输入，因为值尚未可用。解决方法是在ngOnInit或ngOnChanges中访问信号输入。使用toSignal函数时出错，因为它在注入上下文之外运行。可以通过传递手动注入器或在runInInjectionContext的回调中调用toSignal来解决。创建StarWarService以调用API并返回Observable，使用信号存储结果，并在组件中显示Jedi和Sith的详细信息。
关键要点
-
在构造函数中无法使用必需的信号输入，因为值尚未可用。
-
可以在ngOnInit或ngOnChanges生命周期方法中访问必需的信号输入。
-
使用toSignal函数时会出现错误，因为它在注入上下文之外运行。
-
可以通过传递手动注入器或在runInInjectionContext的回调中调用toSignal来解决问题。
-
创建StarWarService以调用API并返回Observable。
-
在StarWarComponent中实现OnInit接口，并在ngOnInit中使用必需的信号输入调用StarWar API。
-
使用inject函数注入组件的Injector。
-
在ngOnInit中，使用toSignal函数创建信号并避免错误。
-
使用runInInjectionContext函数在组件的injector上下文中执行toSignal函数。
-
如果组件有必需的信号输入，可以在ngOnInit或ngOnChanges中访问值进行HTTP请求。
-
结论：必需的信号输入不能在构造函数中调用，必须在ngOnInit或ngOnChanges中使用。
延伸问答
为什么在构造函数中无法使用必需的信号输入？
因为在构造函数中，必需的信号输入值尚不可用。
如何在Angular中访问必需的信号输入？
可以在ngOnInit或ngOnChanges生命周期方法中访问必需的信号输入。
toSignal函数在使用时会出现什么错误？
toSignal函数在ngOnInit和ngOnChanges中会抛出错误，因为它在注入上下文之外运行。
如何解决toSignal函数的上下文错误？
可以通过传递手动注入器或在runInInjectionContext的回调中调用toSignal来解决。
StarWarService的作用是什么？
StarWarService用于调用API并返回Observable，以获取Star Wars角色的数据。
在ngOnInit中如何使用信号输入调用StarWar API？
在ngOnInit中，可以使用必需的信号输入调用StarWar API，并通过toSignal函数创建信号。
