javascript AngularJS Redux中间件

Posted 2021-05-03

var loadingMiddleware = function(action) {
  if (action.type === 'GET_IDS') {
    dispatch({
      type: 'LOADING',
    })
  }
  
  if (action.type === 'UPDATE_IDS') {
    dispatch({
      type: 'LOADED',
    })
  }
}

var idsMiddleware = function(action) {
  if (action.type !== 'GET_IDS') {
    return
  }

  idsService
  .get()
  .then(function(ids) {
    return (
      dispatch({
        ids: ids,
        type: 'UPDATE_IDS',
      })
    )
  })
}

subscribe(loadingMiddleware)
subscribe(idsMiddleware)

vm.onClick = function() {
  dispatch({
    type: 'GET_IDS',
  })
}