В angular 2 я использую
ng g c componentname
Но он не поддерживается в angular 4, поэтому я создал его вручную, но он показывает ошибку, что он не является модулем.
В angular 2 я использую
ng g c componentname
Но он не поддерживается в angular 4, поэтому я создал его вручную, но он показывает ошибку, что он не является модулем.
В Angular4 это будет работать так же. Если вы получили ошибку, я думаю, что ваша проблема в другом месте.
В командной строке введите
ng создать компонент YOURCOMPONENTNAME
Для этого есть даже сокращения: команды generate
могут использоваться как g
, а component
как c
:
ng g c YOURCOMPONENTNAME
Вы можете использовать ng --help
, ng g --help
или ng g c --help
для документов.
Конечно, переименуйте YOURCOMPONENTNAME в имя, которое вы хотели бы использовать.
Документы: angular-cli автоматически добавит ссылку на компоненты, директивы и каналы в app.module.ts.
Обновление: это все еще работает в Angular версии 8.
1) сначала зайдите в ваш каталог проектов
2) затем запустить ниже команды в терминале.
ng generate component componentname
ИЛИ ЖЕ
ng g component componentname
3) после этого вы увидите такой вывод,
create src/app/test/componentname.component.css (0 bytes)
create src/app/test/componentname.component.html (23 bytes)
create src/app/test/componentname.component.spec.ts (614 bytes)
create src/app/test/componentname.component.ts (261 bytes)
update src/app/app.module.ts (1087 bytes)
ng g component componentname
Он генерирует компонент и добавляет объявления к модулю.
при создании компонента вручную вы должны добавить компонент в объявление модуля следующим образом:
@NgModule({
imports: [
yourCommaSeparatedModules
],
declarations: [
yourCommaSeparatedComponents
]
})
export class yourModule { }
Если вы хотите создать новый компонент без файла .spec
, вы можете использовать
ng g c component-name --spec false
Вы можете найти эти опции, используя ng gc --help
Убедитесь, что вы находитесь в вашем проекте cmd line
ng g component componentName
ng генерировать компонент имя_компьютера не работал в моем случае, потому что вместо того, чтобы использовать "приложение" в качестве имени папки проекта, я переименовал его в другое. Я снова изменил его на приложение. Теперь он отлично работает
ng g c COMPONENTNAME
эта команда используется для создания компонента с помощью терминала, который я использую в angular2.
g для сгенерации c для компонента
ng g c componentname
Это создаст следующие 4 файла:
componentname.css
componentname.html
componentname.spec.ts
componentname.ts
Для создания компонента в определенной папке
ng g c employee/create-employee --skipTests=false --flat=true
без создания какой-либо папки
ng g c create-employee --skipTests=false --flat=true
Эта строка создаст имя папки employee, под которым он создает компонент create-employee.
В моем случае у меня есть еще один .angular-cli.json
файл в моей папке src
. Снятие решения проблемы. Надеюсь, что это поможет.
angular 4.1.1
angular-cli 1.0.1
ng g component component name
прежде чем вводить эту оценку, вы попадете в путь к проекту
ng g c --dry-run, чтобы вы могли видеть, что вы собираетесь делать до того, как вы это сделаете, это сэкономит некоторое разочарование. Просто показывает вам, что он собирается делать, даже не делая этого.
Создание и обслуживание проекта Angular через сервер разработки -
Сначала перейдите в каталог проекта и тип ниже -
ng new my-app
cd my-app
ng g component User
ng serve
Здесь " D:\ Angular\my-app > " является моим Angular приложением Project Directory, а " Пользователь" - это имя компонента.
Коммонты выглядят как
D:\Angular\my-app>ng g component User
create src/app/user/user.component.html (23 bytes)
create src/app/user/user.component.spec.ts (614 bytes)
create src/app/user/user.component.ts (261 bytes)
create src/app/user/user.component.css (0 bytes)
update src/app/app.module.ts (586 bytes)
Вы должны находиться в папке src/app
вашего проекта angular -cli в командной строке. Например:
D:\angular2-cli\first-app\src\app> ng generate component test
Только тогда он будет генерировать ваш компонент.
Вы обновили версию angular -cli до последней версии? или вы попробовали обновить node или npm или typescript? эта проблема возникает из-за таких версий, как angular/typescript/node. Если вы обновляете cli, используйте эту ссылку здесь. https://github.com/angular/angular-cli/wiki/stories-1.0-update
ng gc COMPONENTNAME
должно работать, если вы получаете исключение модуля не найден, попробуйте эти things-
перейдите в папку проекта angular и откройте команду promt типа "заголовок компонента ng g", где header - это новый компонент, который вы хотите создать. По умолчанию компонент заголовка будет создан внутри компонента приложения. Вы можете создавать компоненты внутри компонента. Например, если вы хотите создать компонент внутри заголовка, который мы сделали выше, тогда введите "ng g component header/menu". Это создаст компонент меню внутри компонента заголовка
Перейти к местоположению проекта в указанной папке
C:\Angular6\sample>
Здесь вы можете ввести команду
C:\Angular6\sample>ng g c users
Здесь g означает генерацию, c означает компонент, пользователи - имя компонента
это сгенерирует 4 файла
users.component.html,
users.component.spec.ts,
users.component.ts,
users.component.css
Шаг 1:
Получить в каталог проектов! (перейдите в созданное приложение).
Шаг 2:
Введите следующую команду и запустите!
ng generate component [componentname]
ИЛИ ЖЕ
ng generate c [componentname]
Оба будут работать
Для ознакомления ознакомьтесь с этим разделом угловой документации!
https://angular.io/tutorial/toh-pt1
Для справки также просмотрите ссылку на Angular Cli на github!
https://github.com/angular/angular-cli/wiki/generate-component
перейдите в каталог вашего проекта в CMD и выполните следующие команды. Вы также можете использовать кодовый терминал visual studio.
ng создать компонент "имя_компонента"
ИЛИ ЖЕ
нг gc "имя_компонента"
будет создана новая папка с именем компонента
имя_компонента/имя_компонента .component.html имя_компонента/имя_компонента/имя_компонента .ponent.spec.ts имя_компонента/имя_компонента/имя_компонента .ts имя_компонента/имя_компонента .component.css
новый компонент будет автоматически добавлен модуль.
Вы можете избежать создания файла спецификации, выполнив следующую команду
ng gc "имя_компонента" --nospec
ng generate component componentName.
Он автоматически импортирует компонент в module.ts
Существует в основном два способа генерировать новый компонент в Angular, используя ng gc <component_name>
, другой способ - использовать ng generate component <component_name>
. с помощью одной из этих команд можно создать новый компонент.