Я использую angualr4 с angular-cli, и я могу создать новый компонент со следующей командой.
E:\HiddenWords>ng generate component plainsight
Но мне нужно создать дочерний компонент внутри plainsight. Есть ли способ сделать с угловым кли?
Я использую angualr4 с angular-cli, и я могу создать новый компонент со следующей командой.
E:\HiddenWords>ng generate component plainsight
Но мне нужно создать дочерний компонент внутри plainsight. Есть ли способ сделать с угловым кли?
Вы можете указать путь с помощью команды ng g
ng g component plainsight/yourchildcompname
вышесказанное создаст компонент yourchildcompname
и необходимые файлы внутри папки pasensight. если папка паутины не существует, она также создаст эту папку.
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
т.е. вы хотите создать компонент в папке app/component
, затем выполните следующие действия
Open in Command Prompt
ng g c my-new-component
во вновь созданном терминалеТакже вы можете проверить этот процесс через это изображение
ng gc component-name
Для указания настраиваемого местоположения: ng gc specific-folder/component-name
здесь component-name
будет создано внутри определенной папки.
Подобный подход может быть использован для создания других компонентов, таких как directive
, pipe
, service
, class
, guard
, interface
, enum
, module
и т.д.
более короткий код для генерации компонента: ng gc component-name
указать его местоположение: ng gc specific-folder/component-name
Дополнительная информация
более короткий код для генерации директивы: ng gd directive-name
указать его местоположение: ng gd specific-folder/directive-name
ng g c folderName/SubFolder/.../componentName --spec=false
Мне не повезло с вышеприведенными ответами (включая --flat
), но для меня сработало следующее:
cd path/to/specific/directory
Оттуда я запустил ng gc mynewcomponent
просто
ng g component plainsight/some-name
Это создаст папку "Plainsight" и сгенерирует компонент с некоторым именем внутри нее.
Попробуй использовать
ng g component plainsight/some-name.component.ts
Или попробуйте это вручную, если вам удобнее.
Перейдите в папку проекта в командной строке или в терминале проекта.
Запустите cmd: ng gc имя_компонента
Как только вы окажетесь в каталоге вашего проекта. используйте cd path/to/directory
затем используйте ng gc component_name --spec=false
оно автоматизирует все и не содержит ошибок
gc
означает генерировать компонент
Angular CLI предоставляет все команды, которые вам нужны при разработке вашего приложения. Для ваших конкретных требований вы можете легко использовать ng g
(ng generate
) для выполнения работы.
ng g c directory/component-name
сгенерирует компонент component-name
в папке directory
.
Ниже приведена карта нескольких простых команд, которые вы можете использовать в своем приложении.
ng g c comp-name
или ng generate component comp-name
для создания компонента с именем "имя-компа"ng g s serv-name
или ng generate service serv-name
для создания службы с именем 'serv-name'ng g m mod-name
или ng generate module mod-name
для создания модуля с именем 'mod-name'ng g m mod-name --routing
или ng generate module mod-name --routing
для создания модуля с именем 'mod-name' с angular маршрутизациейНадеюсь, это поможет!
Удачи!
Для генерации компонента или модуля с использованием командной строки угловой-cli используйте следующие команды:
1. ng генерировать заголовок компонента --module = приложение (--module = приложение сообщает CLI, чтобы зарегистрировать его в массиве import/declarations AppModule.)
2. ng generate module app-routing --flat --module = приложение (если вы используете --flat, он помещает файл в src/app вместо своей собственной папки).
Считайте, что ваш проект - книга рецептов. сначала перейдите в папку приложения с помощью
cd src
cd app
затем, если вы хотите создать папку в приложении, просто введите
ng g c mycomponent
это создаст в папке приложения Теперь вы хотите создать компонент внутри mycomponent, затем введите
ng g c myComponent/newmyComponent
это создаст новый компонент в папке myComponent.
Благодарю.