Question

这是我的商店：

{
  comments:{
    entities:{id:comment}
    ids:[ids...]
  },
  videos:{
    entities:{id:video}
    ids:[ids...]
  }
}

以下是我的预测：

export function getVideoById(id) {
  return (state$: Observable<AppState>) => _getVideoById(s, id);
}

function _getVideoById(s: AppState, id: string) {
  return s.videos.entities[id];
}

export function getCommentsByVideoId(id) {
  return (state$: Observable<AppState>) =>
    state$.map((s: AppState) => _getCommentsByVideoId(s, id))
}

function _getCommentsByVideoId(s: AppState, id) {
  let currentVid = _getVideoById(s, id);
  return currentVid.commentIds.map(id => s.comments.entities[id]);
}

以下是我通过投影访问数据的方式：

this.video$ = this.store.let(getVideoById(this.videoId));
this.comments$ = this.store.let(getCommentsByVideoId(this.videoId));

我的问题：

我目前正在将我的投影分成两部分，以便我可以在其他投影(ie: let currentVid = _getVideoById(s, id);)中重复使用某些部分。

有没有办法可以在一个块中声明我的投影并在其他投影中重复使用它们？

一种投影构图？

我已经看过这样的例子，但每次他们“缩小”||“缩小”预测的范围（即：我们从视频开始，我们在视频中更深入，我们永远不会回到其他分支，如“评论”）。我对这一切都是新手，所以非常感谢一些建议，

谢谢。

Answer 1

我想出了一种装饰服务（仍然不确定它是否正确＆＃34;正确的方式＆＃34;）例如：

@Injectable()
export class MyFeatureState {
    // Inject Store to Construtor

   get allFeatureProperties() {
        return this.store.select(s => s.feature.properties).map(toArray)
   }

   getFeaturePropertyById(id:string) {
       return this.store.select(s => s.feature.properties[id])           
   }

   get activeFeatureProperty() {
       return Observable.combineLatest(
           this.allFeatureProperties,
           this.store.select(s => s.feature.activeProperty)
       ).map(([ap, active] => ap[active])
   }
}

interface FeatureState {
    properties:{[id:string]:FeatureProperty};
    activeProperty:string;
}

希望你可以得到我的方法:)你也可以利用一些memoize功能来缓存observable（它们仍会发出新的值）

溴

Angular2 NgRx.Store和提取重用选择器

1 个答案: