ON_ERROR НЕ ПРОХОДИТ В ПРИЛОЖЕНИИ ANGULARJS + REDUX - PullRequest
Новая
       36

ON_ERROR НЕ ПРОХОДИТ В ПРИЛОЖЕНИИ ANGULARJS + REDUX

0 голосов
/ 03 октября 2018

У меня есть приложение.У нас есть модал с кнопкой создания и парой полей.Мы используем Redux и AngularJS v1.5.x.наряду с приставкой ..

Когда мы нажимаем Create, если поля правильные, в кнопку включается счетчик, а затем мы скрываем модальный режим. Это прекрасно работает , что означает, что ON_SUCCESS и ON_ATTEMPT работают отлично.

Проблема в том, что ON_ERROR, в консоли я его не вижу.Что означает, что там что-то идет не так.Функционально, ON_ERROR, должен заставить счетчик исчезнуть и показать ошибку:

Код HTML: 

<code style="word-wrap:break-word; white-space: pre-wrap; height:150px;overflow:scroll" ng-show="TrCtrl.creatingError">{{TrCtrl.creatingError}}</code>



    </div>
    <div class="modal-footer">
        <button class="btn btn-success btn-sm createBtn" ng-click="createTr(newTr)" 
        ng-disabled="TrCtrl.creating == TrCtrl.creatingModalStates.CREATION_IN_PROGRESS || !(newTr.name && newTr.sql)" >
            <span ng-show="TrCtrl.creating != TrCtrl.creatingModalStates.CREATION_IN_PROGRESS || TrCtrl.creating === TrCtrl.creatingModalStates.CREATION_ERROR">
                <i class="fa fa-floppy-o" aria-hidden="true"></i>
                Create
            </span>


            <span ng-show="TrCtrl.creating == TrCtrl.creatingModalStates.CREATION_IN_PROGRESS">
                <i class="fa fa-refresh fa-spin"></i>
                Creating...
            </span>
        </button>
    </div>
</div>

Код редуктора: 

const onCreateAttempt = (state, action) => state.merge({
  creating: creatingModalStates.CREATION_IN_PROGRESS,
  creatingError: null,
});

const onCreateSuccess = (state, action) => state.merge({
  creating: creatingModalStates.CREATION_DONE,
  createdId: action.payload,
});

const onCreateFailure = (state, action) => state.merge({
  creating: creatingModalStates.CREATION_ERROR,
  creatingError: action.error.response ? action.error.response.data : action.error,
});

Файл ActionsКод: 

const create = payload => ({ type: Type.CREATE_ATTEMPT, payload });
const createSuccess = payload => ({ type: Type.CREATE_SUCCESS, payload });
const createFailure = error => ({ type: Type.CREATE_FAILURE, error });

Код файла конфигурации.Это мы передаем в ctrl, который содержит более 600 строк кода и, кроме импорта и обработки модальных состояний, не влияет на сферу моего вопроса: 

export const creatingModalStates = {
  CREATION_NEW : 'CREATION_NEW',
  CREATION_OPEN : 'CREATION_OPEN',
  CREATION_IN_PROGRESS: 'CREATION_IN_PROGRESS',
  CREATION_DONE: 'CREATION_DONE',
  CREATION_ERROR: 'CREATION_ERROR',
};

Я не знаю, что происходит.Если бы кто-то мог помочь мне передать on_Error в ctrl, это было бы здорово.Спасибо за ваше время.

Кроме того, я нарезал имена, поэтому, если вы обнаружите, что это не математика, это просто опечатка в вопросе, а не в самом коде ..

...