Angularjs + es6: ошибка при выполнении действий члена

Я использую AngularJs 1.5.3 с ES6. Я пытаюсь выполнить операции CRUD, где пользователь может обновлять, удалять или редактировать карты полос. Методы создания и удаления работают нормально. Проблема, с которой я сталкиваюсь, возникает, когда я пытаюсь визуализировать форму edit.

Ниже приведен маршрут, определенный для действия редактирования:

Маршрут

.state('account.edit', {
  templateUrl: 'app/templates/accounts/edit-card.html',
  controller: 'AccountController',
  url: '/account/edit/{card_id}',
  controllerAs: 'account',
  resolve: {
    data: (CardResource, $auth, $state) => {
      'ngInject'
      return $auth.validateToken()
      .then(() => => CardResource.get({id: $stateParams["card_id"]}).$promise)
      .catch((e) => console.log(e) )
    },
    action: () => 'edit'
  }
})

Вот мое действие редактирования в контроллере учетных записей

edit() {
  const {
    data: { name, expire_date, address_zip }
  } = this;
  this.cardParams = {
    name,
    address_zip, 
    expire_date
  }

}

И вот мой код представления card.jade, в котором я передаю идентификатор the_card для редактирования действия:

a(ui-sref="account.edit({card_id: card.id}))")
      i.fa.fa-edit

Обновлено

Код фабричного класса

export function CardResourceFactory($resource)
{
  'ngInject';
   return $resource('/api/cards/:id', null, {
   });
}

ui-serf создает правильный URL, например #/account/edit/card_xxxxxxxx. Но когда я нажимаю на значок edit, он должен изменить URL-адрес и отобразить упоминание шаблона в Route, но ничего не происходит. Конечно, мне что-то здесь не хватает. Кто-нибудь может помочь?

Ошибок нет? «Ничего не происходит» на самом деле не помогает.

Cristian S. 11.04.2018 12:14

спасибо @CristianS. для ответа. Да, именно он не показывает никаких ошибок, а также не отображает форму редактирования.

Talha Junaid 11.04.2018 12:55

Какая ссылка ожидается после того, как пользователь нажмет кнопку редактирования? В обещанной части делаем .catch((e) => console.log(e))

Cristian S. 11.04.2018 13:08

Ожидаемая ссылка - #/account/edit/card_xxxxxxxx. , я считаю, что при нажатии кнопки редактирования состояние не меняется, или если оно меняется, либо не удается найти "состояние" для перенаправления.

Talha Junaid 11.04.2018 13:11

Я пробовал .catch((e) => console.log(e)), он ничего не печатает на консоли. это означает, что часть обещания работает правильно. я прав?

Talha Junaid 11.04.2018 13:14

Если ошибки не обнаружено, то обещание разрешить ее так, как должно быть. Получаете ли вы какой-нибудь вывод HTML на белой странице?

Cristian S. 11.04.2018 13:19

Неа. Нет вывода HTML на странице

Talha Junaid 11.04.2018 13:20

Что ж, довольно сложно понять, что происходит только с фрагментом кода из OP. Вам нужно будет выполнить отладку шаг за шагом, проверяя правильность пути к шаблону, правильность передачи данных и т. Д.

Cristian S. 11.04.2018 13:24

Хорошо, спасибо, что уделили свое драгоценное время. На самом деле я новичок в angular и не знаю, как отлаживать код Angular. Знаете ли вы что-нибудь об этом, любая ссылка или информация будут полезны. Благодарность

Talha Junaid 11.04.2018 13:27

@CristianS. Я добавил еще кусок кода. Пожалуйста, взгляните на это. Может, найдешь что-нибудь.

Talha Junaid 11.04.2018 13:29

Позвольте нам продолжить обсуждение в чате.

Cristian S. 11.04.2018 13:29
0
11
35
0

Другие вопросы по теме