Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在我的组件中实现Ngrx存储服务时出现的问题_Angular_Typescript_Ngrx Store - Fatal编程技术网

Angular 在我的组件中实现Ngrx存储服务时出现的问题

Angular 在我的组件中实现Ngrx存储服务时出现的问题,angular,typescript,ngrx-store,Angular,Typescript,Ngrx Store,在一位用户试图帮助解决与该帖子相关的问题后:我现在正尝试使用来帮助我解决多路输入/输出事件的Ngrx存储实现 就在我的构造函数之后,我出现了一个错误: 计数器不可分配给类型为(状态:Appstate)=>布尔值的参数: child.ts: import { Component, Input, Output, EventEmitter } from '@angular/core'; import { UserService3 } from '../user3.service'; import {

在一位用户试图帮助解决与该帖子相关的问题后:我现在正尝试使用来帮助我解决多路输入/输出事件的Ngrx存储实现

就在我的构造函数之后,我出现了一个错误:

计数器
不可分配给类型为
(状态:Appstate)=>布尔值的参数

child.ts

import { Component, Input, Output, EventEmitter } from '@angular/core';
import { UserService3 } from '../user3.service';
import { Store } from '@ngrx/store';
import { Observable } from 'rxjs/Observable';
import { ON, OFF, RESET } from '../counter';

interface AppState {
  counter: boolean;
}

@Component({
  selector: 'my-daydetail',
  templateUrl: './my-daydetail.component.html',
  styleUrls: ['./my-daydetail.component.css']
})
export class MyDaydetailComponent  {

  counter: Observable<boolean>;

  constructor(private store: Store<AppState>) {
    this.counter = store.select('counter');
  }

  //...
}

}

您已在减速器中将初始状态设置为false。将其设为any并用空对象初始化。此外,在开关打开/关闭/重置等情况下,您必须返回如下不可变状态:

return {...state, counter:true/false/0}

@PierreDuc也许我应该改用
功能
吗?你做得不对,布尔类型中可以使用增量-减量right@RahulSingh我想我明白了,按照你的指示看我更新的帖子,我想我实现得对:-),现在,nGrx如何帮助我解决旧帖子中的问题呢?因为计数器是一个可观察的ypu,可以在组件中订阅它,并且当您在组件中输入值时,您将收到该订阅的通知store@RahulSingh所以我试着这样实现:@Input()hideMePartially:boolean;它可以正常工作,但我没有意识到它的好处
return {...state, counter:true/false/0}