Создайте компонент к специфическому модулю с угловым-CLI

Question

Создайте компонент к специфическому модулю с угловым-CLI

Я начинаю использовать angular-cli, и я уже много читал, чтобы найти ответ о том, что я хочу do...no успех, поэтому я пришел сюда.

есть ли способ создать компонент для нового модуля?

например: ng g module newModule

ng g component newComponent (Как добавить этот компонент в newModule??)

потому что поведение по умолчанию angular-cli заключается в том, чтобы поместить все новые компоненты внутрь app.module. Я хотел бы выбрать, где будет мой компонент, чтобы я мог создать отдельные модули и не будет иметь все мои компоненты внутри app.module . Это можно сделать с помощью angular-cli или мне нужно сделать это вручную?

655 12

typescript angular angular-cli

12 ответов:

Comments

Ничего не найдено.

Alexander Ciesielski · Accepted Answer · 2016-12-12 15:48:29

для создания компонента в составе модуля необходимо

ng g module newModule создать модуль,

cd newModule чтобы изменить каталог в newModule папку

ng g component newComponent для создания компонента в качестве дочернего элемента модуля.

Diskdrive · Accepted Answer · 2017-01-31 14:16:11

Не уверен, что, возможно, ответ Александра Цесельского был правильным на момент написания, но я могу проверить, что это больше не работает. Это не имеет значения, какой каталог в проекте вы запускаете угловой CLI. Если вы наберете
ng g component newComponent
он будет генерировать компонент и импортировать его в приложение.модуль.файл TS

единственный способ использовать CLI для автоматического импорта его в другой модуль-это указать
ng g component moduleName/newComponent
где moduleName-это модуль, который у вас есть уже определено в вашем проекте. Если имя модуля не существует, он поместит компонент в каталог moduleName/newComponent, но все равно импортирует его в приложение.модуль

Daniel Fernando Acosta Ceballo · Accepted Answer · 2017-06-28 23:50:28

ng g component nameComponent --module=app.module.ts

34

2017-06-28 23:50:28

cobolstinks · Accepted Answer · 2017-12-15 19:53:39

Я не нашел ответа, который показал, как использовать cli для создания компонента внутри папки модуля верхнего уровня, а также автоматически добавить компонент в коллекцию объявлений модуля.

для создания модуля выполните следующее:
ng g module foo
чтобы создать компонент внутри папки модуля foo и добавить его в foo.модуль.коллекция объявлений ts запускает это:
ng g component foo/fooList --module=foo.module.ts
и cli будет ремонтировать вне модуль и компонент вот так:

--EDIT новая версия углового cli ведет себя по-другому. 1.5.5 не требуется имя файла модуля, поэтому команда с v1.5. 5 должна быть
ng g component foo/fooList --module=foo

Mohamed Makkaoui · Accepted Answer · 2017-11-23 18:45:07

это то, что сработало для меня :
1 -->  ng g module new-module

2 -->  ng g c new-module/component-test --module=new-module/new-module.module.ts
Если вы хотите создать компонент без его использования каталог --flat флаг.

Hasan Fathi · Accepted Answer · 2018-01-29 19:32:20

используйте эту простую команду:
ng g c users/userlist
users: ваше имя модуля.

userlist: ваше имя компонента.

Shemzz · Accepted Answer · 2018-04-04 05:41:09

для углового v4 и выше, просто используйте:
ng g c componentName -m ModuleName

Sksaif Uddin · Accepted Answer · 2018-08-30 14:12:49

согласно Angular docs способ создания компонента для конкретного модуля,
ng g component <directory name>/<component name>
"имя каталога" = где CLI сгенерировал модуль функции

пример:
ng generate component customer-dashboard/CustomerDashboard
это создает папку для нового компонента в папке customer-dashboard и обновляет модуль функций с помощью CustomerDashboardComponent

student · Accepted Answer · 2017-08-14 22:26:36

добавить компонент угловой 4 угловой приложения с помощью командной строки

добавить новый угловой 4 компонент в приложение, используйте команду ng g component componentName. После выполнения этой команды Angular CLI добавляет папку component-name под src\app. Кроме того, ссылки на то же самое добавляется в автоматически.

компонент должен иметь @Component функция декоратора, за которой следует class что нужно exported. Элемент @Component функция декоратора принимает мета данные.

добавить компонент в определенной папке угловой 4 угловой приложения с помощью командной строки

чтобы добавить новый компонент в определенную папку, используйте команду ng g component folderName/componentName

vivek · Accepted Answer · 2017-09-09 07:32:59

У меня возникли аналогичные проблемы с несколькими модулями в приложении. Компонент может быть создан для любого модуля, поэтому перед созданием компонента нужно указать имя конкретного модуля.
'ng generate component newCompName --module= specify name of module'

Sam · Accepted Answer · 2018-04-24 14:20:17

Если у вас есть несколько приложений объявлена .угловой-кли.json (например, в случае работы с функциональным модулем)
"apps": [{
    "name": "app-name",
    "root": "lib",
    "appRoot": ""
}, {...} ]
Вы можете :
ng g c my-comp -a app-name
- a расшифровывается как -- app (name)

user2662006 · Accepted Answer · 2018-07-02 20:54:52

Here is my solution
ng g c user/userComponent -m user.module
эта команда создаст мой userComponent внутри моей папки пользовательского модуля.

надеюсь, это поможет кому-то. Спасибо