Блог

Я пытаюсь узнать об угловых директивах и о том, как включить React.Компоненты JS в Angular, взяв этот пример с маршрутизатором пользовательского интерфейса, и поместите все исходные шаблоны в директивы. Что должно произойти, так это когда вы вводите поля ввода в середине, и результаты отображаются в div ниже. У меня возникли проблемы с передачей информации с изолированной областью. Я пытаюсь передать объект данных, используя ‘=’ в изолированной области.

При вводе имени используется то же имя, которое я установил в изолированной области, но оно дает мне »

Ошибка: [$compile:nonassign] Выражение ‘undefined’, используемое с директивой ‘profile’, не может быть назначено!

» когда я пытаюсь ввести ввод имени. В документах Angular упоминается эта проблема, и я думал, что настроил ее аналогичным образом, но это ничего не исправило.

Ввод электронной почты подходит для FormData.email , где FormData — это имя объекта, настроенного в моем контроллере. В этом случае я думаю, что я обхожу изолированную область видимости (чего, я не думаю, что хочу делать), и привязки нет. Я могу что-то написать в этом вводе, но это не отражено ниже.

Какую часть я пропускаю? Я полагаю, что одним из способов исправить это было бы использование функции watch в функции link, но я не знаю, как это могло бы отправить входные данные в директиве в div за ее пределами.

Мой код находится здесь, в Plunker

Оказывается, ответом на мою проблему было подчеркивание. Я установил свои значения с такими именами, как form_name и form_email. Старая привычка Python. Оказывается, Angular не очень любит подчеркивания, я их удалил, и, конечно же, Name начал работать. Электронная почта сломалась, но теперь я знаю, как это исправить.