Хобрук: Ваш путь к мастерству в программировании

Ошибка типа, когда я обновляю crud-таблицу после обновления страницы в AngularJS.

<script src="js/angular.min.js"></script>   
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>

Когда я обновляю сохраненные данные сразу после обновления страницы, я получаю некоторую ошибку в консоли, например TypeError: Невозможно установить свойство «myid» неопределенного в Object.vm.edit (controller.js: 70), таблица не обновляется в таким образом, но он будет обновлен, если вы сначала добавите строку, а затем обновите ее. Может ли кто-нибудь помочь мне, как это исправить? Мой выброс

javascript crud angularjs local-storage ng-storage
21.10.2017

Ответы:


1

Ваша ошибка говорит о том, что данные не существуют на контроллере, поэтому вам просто нужно инициализировать vm.data в верхней части вашего контроллера:

vm.data = {};

Вот plnkr: http://plnkr.co/edit/mnRGSmEk0q9N2dSazEHL?p=preview

Другим решением было бы создать объект данных при его добавлении:

vm.data = {
      myid: id,
      fname: vm.arr[i].fname,
      lname: vm.arr[i].lname,
      classs: vm.arr[i].classs,
      age: vm.arr[i].age,
      fees: vm.arr[i].fees,
    };

Вот plnkr: http://plnkr.co/edit/TZmgPz2h02peBYaF0uyV?p=preview

21.10.2017
  • Нет проблем, вы можете принять / проголосовать за ответ, если он был полезен, вы также можете сделать то же самое и с другими своими вопросами о переполнении стека. 21.10.2017
  • Я проголосовал за него, но из-за меньшей репутации он не был отправлен. 21.10.2017
    • Новые материалы
    Прогресс в технологии Трансформеров часть 3
    Многомасштабный управляющий сигнальный преобразователь для бесфазного синтеза движения (arXiv) Автор: Линтао Ван , Кун Ху , Лей Бай , Юй Дин , Ваньли Оуян , Чжиюн Ван . Аннотация:..
    Представляем поддержку компонентов Vue.js. Мгновенный HMR и многое другое.
    Хотя у FuseBox уже был плагин Vue, он был базовым и не имел многих функций, которые делали работу с Vue.js такой приятной. Однако с этим выпуском мы рады сообщить, что в FuseBox..
    Приключения в Javascript, часть 1
    Я продолжаю думать о том, чтобы писать больше, но чем больше я думаю об этом, тем меньше я это делаю. Итак, сегодня я перестал думать и начал писать. Отсюда можно только спускаться… В..
    Понимание дженериков в TypeScript: подробное руководство
    Введение TypeScript, строго типизированный надмножество JavaScript, хорошо известен своей способностью улучшать масштабируемость, удобочитаемость и ремонтопригодность приложений. Одной из..
    Учебные заметки JavaScript Object Oriented Labs
    Вот моя седьмая неделя обучения программированию. После ruby ​​и его фреймворка rails я начал изучать самый популярный язык интерфейса — javascript. В отличие от ruby, javascript — это более..
    Разбор строк запроса в vue.js
    Иногда вам нужно получить данные из строк запроса, в этой статье показано, как это сделать. В жизни каждого дизайнера/разработчика наступает момент, когда им необходимо беспрепятственно..
    Предсказание моей следующей любимой книги 📚 Благодаря данным Goodreads и машинному обучению 👨‍💻
    «Если вы не любите читать, значит, вы не нашли нужную книгу». - J.K. Роулинг Эта статья сильно отличается от тех, к которым вы, возможно, привыкли . Мне очень понравилось поработать над..