создать компонент
ng generate component [name] [options]
ng generate c [name] [options]
Создает новый компонент Angular. Компоненты — это основные строительные блоки приложений Angular. Каждый компонент состоит из класса TypeScript, HTML-шаблона и необязательной таблицы стилей CSS. Используйте эту схему для создания нового компонента в проекте.
Аргументы
name
Имя нового компонента. Оно будет использоваться при создании файлов класса, шаблона и таблицы стилей компонента. Например, если указать my-component, файлы будут называться my-component.ts, my-component.html и my-component.css.
Тип значения
string
Параметры
add-type-to-class-name
Если задано значение true, параметр 'type' будет добавлен к имени создаваемого класса. Если задано значение false, тип будет указан только в имени файла.
Тип значения
booleanПо умолчанию
true
change-detection
Настраивает стратегию обнаружения изменений для компонента.
Тип значения
stringДопустимые значения
Eager, OnPushПо умолчанию
OnPush
display-block
Добавляет :host { display: block; } в таблицу стилей компонента, чтобы компонент отображался как блочный элемент. Это полезно для управления макетом.
Тип значения
booleanПо умолчанию
false
export
Автоматически экспортирует компонент из указанного NgModule, делая его доступным для других модулей приложения.
Тип значения
booleanПо умолчанию
false
export-default
Использует экспорт по умолчанию для компонента в его файле TypeScript вместо именованного экспорта.
Тип значения
booleanПо умолчанию
false
flat
Создает файлы компонента непосредственно в каталоге src/app проекта, не создавая для них отдельную папку.
Тип значения
booleanПо умолчанию
false
inline-style
Включает стили компонента непосредственно в файл component.ts. По умолчанию создается отдельный файл таблицы стилей (например, my-component.css).
Тип значения
booleanПо умолчанию
false
inline-template
Включает HTML-шаблон компонента непосредственно в файл component.ts. По умолчанию создается отдельный файл шаблона (например, my-component.html).
Тип значения
booleanПо умолчанию
false
module
Указывает NgModule, в котором следует объявить компонент. Если параметр не задан, CLI попытается найти ближайший NgModule в пути к компоненту.
Тип значения
string
ng-html
Создает файлы шаблонов компонентов с расширением '.ng.html' вместо '.html'.
Тип значения
booleanПо умолчанию
false
prefix
Префикс, добавляемый к селектору компонента. Например, если префикс — app, а имя компонента — my-component, селектор будет app-my-component.
Тип значения
string
project
Имя проекта, в который следует добавить компонент. Если параметр не задан, CLI определит проект по текущему каталогу.
Тип значения
string
selector
HTML-селектор, используемый для этого компонента. Если параметр не задан, селектор будет сформирован на основе имени компонента (например, app-my-component).
Тип значения
string
skip-import
Не импортировать автоматически новый компонент в ближайший NgModule.
Тип значения
booleanПо умолчанию
false
skip-selector
Не создавать HTML-селектор для компонента.
Тип значения
booleanПо умолчанию
false
skip-tests
Не создавать файлы модульных тестов spec.ts.
Тип значения
booleanПо умолчанию
false
standalone
Создает автономный компонент. Автономные компоненты самодостаточны и не требуют объявления в NgModule. Их можно использовать независимо или импортировать непосредственно в другие автономные компоненты.
Тип значения
booleanПо умолчанию
true
style
Указывает тип таблицы стилей, которую следует создать для компонента, либо none, чтобы не создавать таблицу стилей.
Тип значения
stringДопустимые значения
css, less, none, sass, scssПо умолчанию
css
type
Добавляет пользовательский тип к имени файла компонента. Например, если задать тип container, файл будет называться my-component.container.ts.
Тип значения
string
view-encapsulation
Задает режим инкапсуляции представления для компонента. Он определяет, как области действия стилей компонента ограничиваются и как эти стили применяются.
Тип значения
stringДопустимые значения
Emulated, None, ShadowDom
Super-powered by Google ©2010–2025.
Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.
https://angular.dev/cli/generate/component