Чтобы создать автономный компонент с помощью Angular CLI, вы можете использовать следующие методы:

Метод 1: использование команды Angular CLI

1. Откройте командную строку или терминал.
2. Перейдите в каталог, в котором вы хотите создать компонент.
3. Выполните следующую команду:

   ng generate component component-name

   Замените comment-nameна желаемое имя вашего компонента.

Метод 2: ручной подход

1. Создайте новую папку для вашего компонента в соответствующем каталоге.

2. В папке компонента создайте четыре файла:

   • имя_компонента.comComponent.ts– файл TypeScript для компонента.
   • имя-компонента.comComponent.html– HTML-шаблон для компонента.
   • имя-компонента.comComponent.css– стили CSS для компонента.
   • имя_компонента.comComponent.spec.ts– файл модульного теста для компонента.

3. В файле TypeScript (имя_компонента.comComponent.ts) определите класс компонента и его логику.

4. В файле HTML-шаблона (имя_компонента.comComponent.html) напишите структуру и макет вашего компонента.

5. В файле CSS (имя_компонента.comComponent.css) добавьте стили, специфичные для вашего компонента.

6. В файле модульного теста (имя_компонента.comComponent.spec.ts) напишите тесты для проверки поведения вашего компонента.

Следуя этим методам, вы можете создать автономный компонент с помощью Angular CLI или вручную создав необходимые файлы.