2

这是我的商店：

{
  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);)。

有没有一种方法可以将我的预测声明为一个块并在其他预测中重用它们？

一种投影组合？

我见过这样的例子，但每次他们“减少”||“缩小”投影的范围（即：我们从视频开始，我们在视频中更深入，我们永远不能回到像“评论”这样的其他分支）。我对这一切都很陌生，所以非常感谢一些建议，

谢谢你。

4

1 回答 1

0

我想出了一种装饰器服务（仍然不确定它是否是“正确的方式”）示例：

@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;
}

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

溴

于 2017-03-17T11:52:40.123 回答