Angular2:基于组件变量处理组件的多个可能容器

时间:2016-04-24 22:46:39

标签: user-interface architecture angular

转换/考虑angular2作为我自己构建的用户界面框架的替代品。我仍然坚持一些问题。

其中一个问题是组件需要在容器之间切换并且组件的很多可能的容器基于可能随时间变化的组件变量

假设我们有一个月历,在顶部我们有位置,在左边我们有几天。

让我们说我们有30天和50'的位置,所有都需要立即显示(其中一些位于滚动条后面)。

这给了我们1500个细胞。

活动有日期和地点,应根据其日期和地点在其中一个单元格内呈现。

  1. 如何在Angular2中,在初始渲染时在正确的容器内渲染+ - 600个活动
  2. 如何在Angular2中正确地重新发送(或删除/添加)活动的位置或日期更改(通过在界面中执行的操作或服务器ping活动已更改位置或日期的界面)
  3. 我理解如何在简单的组件列表中执行此操作,我花了大约30个小时学习angular2和observables。

    但我仍然不确定如何在angular2中正确实现这一点。

    我确信我的大脑只是挂在旧的做事方式上,我觉得我需要一个火花才能让事情再次发生。

    PS:在我自己的框架中,它决定了它的父/容器是谁,这使得这些(1,2)问题变得微不足道。但我自己的框架有它自己的问题(并且只有1个维护者,没有良好的培训资源,不是由开发人员建立的,没有健全性检查)。

    更新

    在代码中它可能看起来有点像这样;

    1. 计算当月
    2. 获取月中的日期列表
    3. 根据当前月份从db获取活动
    4. 从db
    5. 获取位置
    6. 创建一个包含行和列日期位置的表格,表格中的每个单元格可能是一个Angular2组件,其中包含/表示日期和位置
    7. 将活动分配给正确的Angular2日期/位置单元组件
    8. 通过流听取数据库中的更改
    9. 如果活动更改了位置或日期,请将活动重新分配给正确的日期/位置单元组件
    10. 我被困在6和8

0 个答案:

没有答案