angularjs - 如何使用 ng-model 更新 Redux 状态？

Question

我有这个 HTML:

<input ng-model="state.input.name">
<input ng-model="state.input.password">

我有一个 Redux 商店。我希望每次用户在框中键入内容时，我想运行更新存储 Redux 状态，而不是仅以 Angular 方式更改值:

类似这样的事情:

store.setState(_.extend({},store.getState(),{input:state.input})

我可以使用ng-change来做到这一点，重点是我希望它能够自动适用于任何ng-model。我还希望从状态中获取 state.input.name 的值。对于只读元素，这不是问题:

<div ng-bind="{{store.getState().input.name}}">

但是对于读/写，我无法自动将其连接到存储。

我想也许可以拦截 Angular.apply * Angular.dispatch 方法或创建一个添加此功能的 ng-model 指令。

Answer 1

我找到了一种非常简单的方法来做到这一点，即使用 Angular watch 方法:

$rootScope.watch('state.input',function(){
    store.setState({input:$rootScope.state})
)