Как избежать ошибки в Angular 2?

Question

[Pantene742]

Меняю значение в массиве сервиса и походу ругается другой компонент на момент перезаписи данных.

Выбивает ошибку



У меня сервис и один компонент дает туда команду по клику миши перезаписать данные в массиве сервиса.
Другой же Компонент итерирует данный массив обьектов. Когда в одном из обьектов меняю значение то выходит в консоль эта ошибка, хотя все работает.

Answer 1

[Alex]

joxi.ru/a2X4avJF1Rajx2 Вы тут разницы никакой не замечаете?

Comments

[Pantene742]

Это не то. Вебшторм уже бы строку и файл подсветил красным сто раз если бы вызвал несуществующее свойство.
Это проблема в момент перезаписи пока я сервису даю команду changeTime в массиве обьектов в определенном обьекте. То начинает ругаться Другой компонент который читает и при ngFor выводит данные. Надо как то заюзаь Observable и обьект Observable передавать в async pipe. типо ngFor day of days | async. Асинк должен как то вернуть просто обьект из Day в котором уже Observable. Что то такое. Помогите !!!

[Ivan Stroykin]

Pantene742, Не подсветил, если у вас тип any стоит, или вообще тип не указан (по умолчанию any)

[Pantene742]

Иван Стройкин, я вообще без понятия как вернуть массив обьектов при помощи Observable

[Ivan Stroykin]

Pantene742, К сожалению, нет времени писать свой пример, поэтому взял отсюда - ссылка на пример

Answer 2

[Stepanya]

идём в appComponent.ts ищем где используется .name, ставим брэйпоинт в дебагере в эту строку и смотрим почему приходит андефанед

Comments

[Pantene742]

нету такой переменной ни свойства нигде. В половине случаев Angular пишет что то просто совсем не внятное.

[Stepanya]

Pantene742, а в appComponent.html тоже нет использования .name?

[Pantene742]

Stepanya, Решил уже. Нету. Нашел уже проблему.

[Stepanya]

Pantene742, и что было?

[Pantene742]

Stepanya, Я в OnInit хотел перезаписать данные в форме. В конструкторе также это бы не проканало.
Да и вообще он только один раз срабатывао. Поэтому выход был сделать занос дефолтных данных в форму при помощи вызова метода в одном компоненте из другого. Сделал это при помощи сервиса. Ссылочка на пример: plnkr.co/edit/p40g2xGgamfCUk8pShHq?p=preview Как на меня достаточно полезная штука. И рекомендуемая доками Angular/ Передавать можно только один параметр. Поэтому передаваемые данные надо упаковать в массив.

[Pantene742]

Хотя за предложение поставить брейкпоинт спасибо, в Java или Python это бесценный совет. Та даже в PHP. А здесь под капотом динамическая типизация. Компиляция с TypeScript и Зборка в Bundle и Ошибки в скомпилированных файлах можно понять только будучи очень хорошо прошаренным в JS. Новичкам только гуглить и смотреть варианты, что бы это могло значить. Надеюсь в ES6 нативном уже будет проще с ошибками.