- Угловой это структура на основе компонентов, которая состоит из TypeScript и JavaScript
- TypeScript Суперсет JavaScript
- Как JavaScript подмножество TypeScript , так что каждый JavaScript Код является действительным TypeScript код
- TypeScript имеет некоторые функции аддона, расширенные до JavaScript
– Почему типография в угловой?
TypeScript выбран из -за самой богатой особенности проверки типа и автозаполнения. Некоторые другие функции, упомянутые ниже:
- Последовательность
- Производительность
- Обслуживание
- Модульность
- Поймать ошибки Рано
Больше вы можете прочитать здесь на Официальная документация Анкет Это сделано Угловой Супер-удивительный 👍. Если вы знаете такие языки, как C# или java Тогда довольно просто попасть в это с помощью документации. Начать с Угловой , вам не нужно глубоко погрузиться в это, просто обзор этого и Основная концепция ООП будет работать. Получите полное понимание для TypeScript на их сайте, сначала изучив Основные типы а затем Краткая информация .
– Что такое компонент?
Как мы видим выше, это Угловой является компонентом, основанной на компонентах. Каждый единственный компонент снова содержит 3 элемента:
- Html (.html) – это создает представление, то есть код разметки
- Ts (.ts) – Куда идет вся ваша деловая логика
- CSS (.css) – Здесь вы можете сделать стиль для разметки. Это может быть CSS/SCSS и т. Д.
Теперь, сосредоточившись на нашем элементе компонента TS, т. Е.
Мы можем разделить структуру компонента в следующих 4 частях:
1. Заявления импорта:
Заявления импорта импортируют все необходимые классы из пакетов модулей, которые необходимы для компонента и методов [в вашей логике]. Пример можно увидеть ниже:
2. @Составная часть():
Компонент – это метод, а не обычный метод, ‘@’ Символ делает его декоратором, декоратор компонента . Этот декоратор обеспечивает метаданные конфигурации компонента. Он принимает объект в качестве параметра. Пример можно увидеть ниже: Здесь, Селектор, шаблон и Styleurls являются свойствами компонента. Есть еще много свойств, которые мы можем использовать в соответствии с удобством.
3. Экспортный класс:
В качестве структуры Angular обеспечивает модульную структуру. Таким образом, все компоненты, используемые в приложении, являются экспортируемым классом. Поэтому, когда нам нужно экспортировать или повторно использовать его, мы можем легко импортировать его в любом модуле и реализовать в этом другое компонент. Пример приведен ниже: Каждый класс компонентов может иметь конструктор, как показано на приведенном выше изображении. Ниже конструктор у нас есть функция ngoninit (), которая является первой стадией Жизненный крючок углового компонента. Затем вы используете функции определения пользователя, поскольку вы хотите, чтобы ваш компонент действовал или функционировал.
Надеюсь, это было полезно для понимания внутренних групп угловых компонентов. Следовательно, также понравилось читать это 😍. Спасибо ❤ ️.
Оригинал: “https://dev.to/devashish/how-to-get-angular-in-your-pocket-592o”