Внести вклад

Компоненты в Angular

Компоненты — это фундаментальные строительные блоки любого приложения Angular. Каждый компонент состоит из трех частей:

  • Класс TypeScript
  • HTML-шаблон
  • CSS-стили

ПРИМЕЧАНИЕ: Подробнее о компонентах читайте в руководстве по основам.

В этом упражнении вы узнаете, как обновлять шаблон и стили компонента.

Это отличная возможность начать знакомство с Angular.

  1. Update the component template

    Обновите свойство template так, чтобы оно содержало текст Hello Universe

    template: `
  Hello Universe
`,

    После изменения HTML-шаблона предварительный просмотр обновился, отобразив ваше сообщение. Давайте пойдем дальше: изменим цвет текста.

  2. Update the component styles

    Обновите значение стилей и измените свойство color с blue на #a144eb.

    styles: `
  :host {
    color: #a144eb;
  }
`,

    Проверив предварительный просмотр, вы увидите, что цвет текста изменился.

В Angular вы можете использовать все доступные возможности CSS и HTML, поддерживаемые браузером. При желании вы можете хранить шаблон и стили в отдельных файлах.