2016-12-22 7 views
1

Я действительно потерян с RC6 углового2.Угловой 2 RC6 - Модуль против компонента

Мне не удается адаптировать мой код с модулем и компонентом и не понимать различия между ними. Не могли бы вы помочь мне в интеграции директив, поставщиков, импорта для приложений большого масштаба.

Документация Google еще не совсем ясна.

Заранее спасибо.

Приветствия

+1

Если вы только начинаете проект, я предлагаю вам оставить RC6 и взглянуть на angular.io. У них хорошая документация для обучения развитию угловых проектов :) например, здесь вы можете прочитать о модулях и компонентах: https://angular.io/docs/ts/latest/guide/architecture.html – Alex

+0

Возможно [это] (http: /stackoverflow.com/questions/39292700/angular2-rc6-upgrade) Вопрос может помочь. –

ответ

1

В принципе, в Angular2, у вас есть:

  • Модули: Они используются в основном настройки логики приложения: Как вещи связаны друг с другом. Вы запускаете приложение при загрузке модуля.

    1. Импорт: массив, где вы импортировать Angular2 модули (формы и т.д.) и ваши следующие модули (DashboardModule, AdminModule, AuthentificationModule и т.д.), а также логика маршрутизации участвует между компонентами.
    2. Объявления: массив, в котором вы объявляете компоненты, которые связаны с этим модулем.
    3. Поставщик: массив, в котором вы объявляете свои услуги или директивы, которые должны быть использованы с этим модулем
  • компоненты: «WebComponent», где вы установили HTML, который будет введен в ваш навигатор, с ассоциированная CSS и его поведение.

  • Услуги или директивы: где вам необходимо выполнить некоторую логику приложения, такую ​​как вызовы аутентификации, состояния и т. Д.

  • Маршрутизатор с розетками: определяет, как вы перемещаетесь в своем приложении на основе URL-адреса.

Я пытался объяснить это своими словами, так что это неточно на нескольких уровнях, и именно поэтому у вас есть документация сайты, такие как angular.io. Надеюсь, это поможет.

Официальная документация по модулям =>https://angular.io/docs/ts/latest/guide/ngmodule.html

+0

Кроме того, не начинайте работу в более раннем выпуске, начиная с самого начала, с самого последнего, особенно если вы новичок в технологии. –

+0

Спасибо за ваш ответ. Я не совсем новый, поэтому я немного потерял модуль. Вот конкретный пример. Чтобы создать форму, следуя документу, это должно быть в модуле: import {FormsModule, ReactiveFormsModule} из '@ angular/forms'; Это должно быть включено в компонент: import {FormControl, FormGroup, Validators, FormBuilder} из '@ angular/forms'; Я не понимаю, почему, как узнать, что является правильным местом для импорта. Также кажется, что DI не работает должным образом с модулями? Возможное ? Cheers –

+0

Будьте осторожны, чтобы угловые формы изменились, поэтому не стесняйтесь обращаться к официальной документации https://angular.io/docs/ts/latest/guide/forms.html. В большинстве случаев вы будете знать, что импортировать из документации, и, чтобы взять ваш пример, вы знаете, что вы будете манипулировать формами и должны будете указать import 'FormsModule', чтобы ваши связанные компоненты могли использовать Forms, а затем импортируйте внутри своих компонентов директивы Forms, такие как 'FormControl' или' FormGroup'. –

Смежные вопросы