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

Проблема с компонентом Angular 2

Уже совсем недолго изучаю Angular2, все было нормально. Недавно я пытался использовать Ionic 2 с Angular 2, но, похоже, не могу использовать пользовательский компонент, который я создаю в своих файлах. Я уверен, что это простая ошибка с моей стороны, мне было интересно, может ли кто-нибудь сказать мне, что я делаю неправильно.

У меня есть базовый @Component с селектором «контактная форма», он ничего не делает, кроме создания формы в html-файле templateURL.

В файле я хочу использовать этот компонент, я импортирую компонент из ./path ...

Затем я добавляю директивы: [Созданный мной компонент]

На этом этапе я получаю сообщение об ошибке:

если компонент угловой, убедитесь, что он является частью этого модуля

если компонент является веб-компонентом, добавьте CUSTOM_ELEMENTS_SCHEMA в @ ngModule.schemas этого компонента.

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

ionic-framework angular
12.10.2016

Ответы:


1

Ваша установка больше не работает. В ранних версиях Angular 2 вы должны были импортировать классы, которые будут использоваться в шаблоне вашего хост-компонента, и перечислить их в массиве Directives хост-компонента.

Теперь установка совсем другая. Еще раз просмотрите краткое руководство.

Что вы хотите сделать, так это указать директиву в массиве declarations модуля, который будет ее использовать:

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent, CustomDirective ],
  bootstrap:    [ AppComponent ]
})

Как только директива (или компонент) объявлена ​​принадлежащей (или импортированной) NgModule, Angular будет искать ее в шаблонах. Таким образом, вы можете просто начать использовать свою настраиваемую директиву / компонент, не импортируя его в компонент хоста.

12.10.2016
  • Спасибо за ответ, курс udemy, который я использовал, не был обновлен должным образом и использовал старую версию файла angular 2. Итак, когда я учился, это сработало, но когда я реализовал его в ionic с последней версией, это была проблема. 14.10.2016
    • Новые материалы
    Понимание СТРУКТУРЫ ДАННЫХ И АЛГОРИТМА.
    Что такое структуры данных и алгоритмы? Термин «структура данных» используется для описания того, как данные хранятся, а алгоритм используется для описания того, как данные сжимаются. И данные, и..
    Как интегрировать модель машинного обучения на ios с помощью CoreMl
    С выпуском новых функций, таких как CoreML, которые упростили преобразование модели машинного обучения в модель coreML. Доступная модель машинного обучения, которую можно преобразовать в модель..
    Создание успешной организации по науке о данных
    "Рабочие часы" Создание успешной организации по науке о данных Как создать эффективную группу по анализу данных! Введение Это обзорная статья о том, как создать эффективную группу по..
    Технологии и проблемы будущей работы
    Изучение преимуществ и недостатков технологий в образовании В быстро меняющемся мире технологии являются решающим фактором в формировании будущего работы. Многие отрасли уже были..
    Игорь Минар из Google приедет на #ReactiveConf2017
    Мы рады сообщить еще одну замечательную новость: один из самых востребованных спикеров приезжает в Братиславу на ReactiveConf 2017 ! Возможно, нет двух других кланов разработчиков с более..
    Я собираюсь научить вас Python шаг за шагом
    Привет, уважаемый энтузиаст Python! 👋 Готовы погрузиться в мир Python? Сегодня я приготовил для вас кое-что интересное, что сделает ваше путешествие более приятным, чем шарик мороженого в..
    Альтернатива шаблону исходящих сообщений для архитектуры микросервисов
    Познакомьтесь с двухэтапным сообщением В этой статье предлагается альтернативный шаблон для папки Исходящие : двухэтапное сообщение. Он основан не на очереди сообщений, а на..