Angular2 ngrx / store,在用户输入时更新输入数据

时间:2017-06-22 13:55:27

标签: angular typescript redux rxjs ngrx

我的nrgx商店与轮询和输入字段一起出现问题。

背景:我们在我们的状态中存储一个包含多个子对象的对象。子对象用于显示其当前状态,但也用于从我们的前端更改其某些值。 要显示当前状态,我们需要每100ms获取一次这些对象并覆盖我们的状态。

state: {
    parent: {
        child: {
            inputProperty: string,
            displaystateProperty: string,
            inputProperty2: string,
            displaystateProperty2: string,
            inputProperty3: string,
            displaystateProperty3: string,
        },
        child2: {
        ...
        }
        ...
    }
}

问题:当我们用每个轮询间隔覆盖我们的状态时,用户无法输入输入字段,因为每次轮询新值时绑定都会覆盖输入值。 忽略输入属性的新值也不是一个选项,因为我们需要知道服务器是否接受了新值。

我想到的一个解决方案是将我们的类拆分为两个,一个用于需要轮询的属性,另一个用于非轮询属性。

另一种解决方案可能是忽略新值,直到用户完成输入(失去焦点)。

我很感谢任何想法!

0 个答案:

没有答案