Spec-Zone.ru › Angular

создать компонент

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API