Я'м начинаю использовать угловые-CLI и я'ве уже много прочитать, чтобы найти ответ о том, что я хочу сделать...не имели успеха, поэтому я приехал сюда.
Есть ли способ, чтобы создать компонент на новый модуль?
например: модуль нг г newModule
нг г компонента newComponent
(как добавить этот компонент в newModule??)
поскольку угловое-CLI по умолчанию ставить все новые компоненты внутри приложения.модуль. Я хотел бы выбрать, где мой компонент будет, так что я могу создать отдельным модулям и выиграл'т иметь все компоненты внутри приложения.модуль
. Это можно сделать с помощью угловой-CLI или мне придется сделать это вручную?
Для создания компонента в составе модуля вы должны
модуль нг г newModule
для создания модуля, НГ компонента г newComponent
для создания компонента в качестве дочернего модуля.Не уверен, если возможно, Александр Ciesielski'ы ответ был правильным на момент написания, но я могу подтвердить, что это больше не работает. Это не'т важно, какой каталог в проекте запуска угловые Кинк. Если вы тип
ng g component newComponent
он будет генерировать компонент и импортировать его в приложение.модуль.файл TS
Единственный способ вы можете использовать CLI, чтобы автоматически импортировать его в другой модуль с указанием
ng g component moduleName/newComponent
где модуль-это модуль вы've уже определенными в проекте. Если модуль не'т это'МР поместить в каталог модуль/newComponent но все-таки импортировать его в приложение.модуль
Я не'т найти ответ, который показывает, как использовать CLI для создания компонент в папку верхнего модуля уровне, а также иметь компонент автоматически добавляется в модуль'ы коллекция декларации.
Для создания модуля запуска этого:
ng g module foo
Чтобы создать компонент в папке модуля foo и он добавляется в ФОО.модуль.ТС'коллекция декларации запустить это:
ng g component foo/fooList --module=foo.module.ts
И CLI будет эшафот модуль и компонент такой:
--Редактирование новой версии угловой ЦПИ ведет себя по-разному. 1.5.5 не'т хотите, чтобы имя файла модуля, поэтому команда с v1.5.5 должно быть
ng g component foo/fooList --module=foo
Вы можете попробовать следующую команду, которая описывает,
ng -> Angular
g -> Generate
c -> Component
-m -> Module
Тогда ваша команда будет как:
ng g c user/userComponent -m user.module
Для угловых V4 и выше, просто используйте:
ng g c componentName -m ModuleName
это то, что работал для меня :
1 --> ng g module new-module
2 --> ng g c new-module/component-test --module=new-module/new-module.module.ts
Если вы хотите создать компонент, без флага его использование каталога плоского
.
Во-первых, вы создадите модуль, выполнив.
нг / г модули м/медиа
это позволит создать модуль под названием папку "медиа" внутри "модули".
Во-вторых, вы создаете добавлен компонент этого модуля
нг г с модулями/СМИ/picPick --модули=модули/СМИ/СМИ.модуль.ТС
первая часть команды нг г с модулями/СМИ/picPick будет создать папку компонента, который называется
picPickвнутри
папку modules/медиа` ведьма содержать модуль нашего нового носителя.
во второй части сделают наш новый picPick
компонент, объявленный в модуле медиа импортировав его в файл модуля и добавление его к деклараций
массив этого модуля.
Я имею подобных проблем с нескольких модулей в приложении. Компонент может быть создан для любого модуля, поэтому перед созданием компонента нужно указать имя конкретного модуля.
'ng generate component newCompName --module= specify name of module'
Используйте эту простую команду:
ng g c users/userlist
пользователи
: ваше имя модуля.
функции
: ваше имя компонента.
По данным угловых документы как создать компонент для конкретного модуля
ng g component <directory name>/<component name>
"имя справочника" и = где ЦПИ создан модуль
Например :-
ng generate component customer-dashboard/CustomerDashboard
Это создает папку для нового компонента в клиент-панель папки и обновляет модуль с CustomerDashboardComponent
Я создал компонент модуль, основанный ребенок с конкретными корневую папку
Что из командной строки ниже я указал,пожалуйста, проверьте
ng g c Repair/RepairHome -m Repair/repair.module
Ремонт находится в корневой папке нашего модуля
-м --модуль
C для compount
G для создания
Перейти к модулю уровня и введите ниже команды
ng g component "path to your component"/NEW_COMPONENT_NAME -m "MODULE_NAME"
Пример :
ng g component common/signup/payment-processing/OnlinePayment -m pre-login.module.ts
Я использую эту конкретную команду для создания компонентов внутри модуля.
ng g c <module-directory-name>/<component-name>
Эта команда будет генерировать компонент локального модуля. или вы можете изменить каталог, введя.
cd <module-directory-name>
а затем создать компонент.
ng g c <component-name>
Примечание: код, заключенный в <> представлять конкретные имена пользователей.
Добавление компонента угловой 4 приложение, с помощью угловых Кинк
Чтобы добавить новый угловой 4 компонент в приложение, используйте команду нг г компонент компонент
. После выполнения этой команды угловой CLI добавляет папку с компонентом-именем в разделе\СРЦ приложение
. Кроме того, ссылки же добавляется к `в src\приложения\приложение.модуль.файл TS автоматически.
Компонент имеет функцию декоратора@компонент с последующим "класс", который необходимо экспортировать объед. Функция декоратор@компонент
принимает мета-данные.
Добавление компонента в определенной папке угловой 4 угловой приложения с помощью командной строки
Чтобы добавить новый компонент в определенной папке, используйте команду нг / г компонента имя_папки/имя_компонента
Если у вас есть несколько приложений объявлена .угловые-Кинк.в JSON ( например, в случае работы на модуль)
"apps": [{
"name": "app-name",
"root": "lib",
"appRoot": ""
}, {...} ]
Вы можете :
ng g c my-comp -a app-name
-стойки для ... приложение (название)
Первый запуск модуля нг г newModule . Затем выполните нг / г компонента newModule/newModule --плоский