Оттуда я побежал

ользую angualr4 с angular-cli и могу создать новый компонент с помощью следующей команды.

E:\HiddenWords>ng generate component plainsight

Но мне нужно сгенерировать дочерний компонент внутри плагина. Есть ли способ сделать с angular-cli?

 maxime199220 окт. 2017 г., 16:33
Создайте компонент your / path / from / the / app / folder / plainsight
 Z. Bagley20 окт. 2017 г., 16:33
как упомянуто @Maxime, или перейдите в каталог

Ответы на вопрос(11)

Запустите cmd: ng g c имя компонента

Решение Вопроса

Вы можете упомянуть путь сng g команда

ng g component plainsight/yourchildcompname

вышеизложенное создастyourchildcompname компонент и необходимые файлы внутри папки Plainsight. Если папка Plainsight не существует, она также создаст эту папку.

 Tim Hardy25 февр. 2019 г., 18:55
Это не делает то, что просит ОП. Этот ответ создаст компонент следующим образом ... /plainsight/yourchildcompname/yourchildcompname.component.ts. Ответ ниже с --flat является более правильным и создаст /plainsight/yourchildcompname.component.ts
 Dean18 янв. 2018 г., 18:13
Отличный ответ - спасибо. Пожалуйста, обновите текст, чтобы сказать "создаст yourchildcompnameсоставная часть"(не папка).
 Alexandra12 февр. 2019 г., 20:26
Для тех, у кого есть этот вопрос, работающих с Angular 6, использование этого метода может не назначить правильный префикс вашему селектору компонентов, хотя это легко исправить. И в настоящее время вы можете также сказать, что ng генерирует компонент yourchildcompname --project = yourprojectname

ng g c component-name

Для указания пользовательского местоположения:ng g c specific-folder/component-name

Вотcomponent-name будет создан внутри конкретной папки.

Подобный подход может быть использован для генерации других компонентов, таких какdirective, pipe, service, class, guard, interface, enum, module, и т.д.

Для генерации компонента или модуля с использованием командной строки angular-cli используйте следующие команды соответственно:

1.ng создать заголовок компонента --module = app(--module = app указывает CLI зарегистрировать его в массиве импорта / объявлений AppModule.)

Эта команда создаст одну папку с именем «header» и поместит в нее 2 ts файла, один html и один css файл.

2.ng создать модуль app-routing --flat --module = app (если вы используете --flat, он помещает файл в src / app вместо своей собственной папки.)

 Ataraxia21 окт. 2018 г., 09:39
даже не пытается ответить на вопрос аскера вообще

ng g component plainsight/some-name делаетновый каталог когда мы используем это.

Окончательный результат будет:

plainsight/some-name/some-name.component.ts

Чтобы избежать этого, используйтеплоский вариант ng g component plainsight/some-name --flat и он будет генерировать файлыбез создание новой папки

plainsight/some-name.component.ts
 Maccurt28 июн. 2018 г., 04:33
Для меня это должно быть ответом
 Andrew Day23 нояб. 2018 г., 16:30
@ user3611927 --flat является ответом, так как будет использовать существующие папки и создавать только те папки, которые не существуют. Отлично!! Это должно быть по умолчанию, ведущий себя ИМХО
 mishap28 сент. 2018 г., 18:45
вариант --flat - это то, что я искал!
ng g c folderName/SubFolder/.../componentName --spec=false 

Мне не повезло с вышеуказанными ответами (включая--flat), но у меня получилось так:

cd path/to/specific/directory

Оттуда я побежалng g c mynewcomponent

просто

ng g component plainsight/some-name

Он создаст папку "Plainsight" и сгенерирует внутри нее компонент с неким именем.

ng g c component-name
указать его местоположение:ng g c specific-folder/component-name


Дополнительная информация
более короткий код для генерации директивы:ng g d directive-name
указать его местоположение:ng g d specific-folder/directive-name

Попробуй использовать

ng g component plainsight/some-name.component.ts

Или попробуйте это вручную, если вам удобнее.

Быстрый, простой и безошибочный метод

app/component папку, затем выполните следующие действия

Щелкните правой кнопкой мыши на папке компонента и выберитеOpen in Command PromptСейчас типаng g c my-new-component во вновь созданном терминале

Также вы можете проверить этот процесс через это изображение

Ваш ответ на вопрос