在Angular NgRx中,要在模板HTML中查看商店中的对象,可以通过以下步骤实现:
@ngrx/store
库提供的Store
类来创建一个全局的状态存储对象。在应用的根模块中,导入StoreModule.forRoot()
方法,并在imports
数组中添加该方法。示例代码如下:@ngrx/store
库提供的Store
类来创建一个全局的状态存储对象。在应用的根模块中,导入StoreModule.forRoot()
方法,并在imports
数组中添加该方法。示例代码如下:@ngrx/store
库提供的createAction
函数来创建Action。示例代码如下:@ngrx/store
库提供的createAction
函数来创建Action。示例代码如下:@ngrx/store
库提供的createReducer
函数来创建Reducer。示例代码如下:@ngrx/store
库提供的createReducer
函数来创建Reducer。示例代码如下:Store
对象,并使用select
方法订阅状态的变化。示例代码如下:Store
对象,并使用select
方法订阅状态的变化。示例代码如下:通过以上步骤,就可以在模板HTML中使用*ngFor
指令来遍历商店中的对象,并显示相应的属性。在这个例子中,我们使用了items$
Observable来获取商店中的items
属性,并在模板中使用*ngFor
指令来遍历并显示每个对象的name
属性。
关于NgRx的更多信息和使用方法,可以参考腾讯云提供的NgRx相关文档和示例代码:
领取专属 10元无门槛券
手把手带您无忧上云