Представьте себе что-то вроде углового класса/компонента, показанного здесь. Это компонент, который рисует круг с текстом в нем.
При компиляции JavaScript выглядит так:
Мы можем видеть, что свойства @Input () углового ветра в функции CircletextComponent с использованием ключевого слова это. например this.radius, this.background и т. Д. Обратите внимание, что эквивалент JavaScript не нужен тип Строка Отказ Это потому, что свободно набранный JavaScript использует «Неявная сохьявание» Отказ Хороший…
Ключевое слово «Это» означает Это объект Отказ Следовательно; Это.radius означает этот объект радиуса CircletComponent.
Входные ключевые слова в угловой Разрешить другим пользователям этого компонента ввести значения, которые они хотят. Так:
Мы знаем, что работает Teml Text Text Text HTML, потому что наш компонент определил его в разделе селектора ниже.
Угловая концепция наверняка …
Моделей
Многие из сегодняшних специалистов JavaScript не используют модели вообще! Какой? Да, вместо этого они используют силу объектов JavaScript. Они могут предпочесть Метод объекта Или даже динамически создавать объекты, где это необходимо; каждый раз, используя Ключ: значение Пары, которые не известны IDE. например Пусть Person = {Фамилия: «Сумнее»} IDE не имеет концепции, если тип правописания или типов или ценностей является правильным. Только последующее использование этого объекта позволяет автоматически завершить настройку IDE. Но это никогда не поймает ошибки типа ценностей.
Проблема не использующих моделей в JavaScript подвело, задавая следующие вопросы: «Сколько предметов объектов было создано, где они были, и были какие-либо ключи с ошибками, и они все точно имеют все те же названия ключей? А как насчет ценностей, были ли они все одинакового типа? Другими словами, вы собираетесь найти только эти типы ошибок во время выполнения! Ой …
Есть лучший способ. Если мы используем TeampScript для ваших моделей. Модель нашей круга будет выглядеть так:. И теперь наша IDE (код Visual Studio) может выполнять проверку временного типа предварительной компиляции, как показано здесь.
Обратите внимание, что фон в красном! Это потому, что мы помещаем в число, а не строку. Но лучшая часть заключается в том, что нам не нужно обнаружить это во время выполнения, так как Compiler Typeycript будет поменять это как ошибку.
Модели Teamescript отлично подходят для того, чтобы все-таки сохранить ключевые имена, все значения только к тому, что они должны быть Тип мудрый .
Вот почему я предпочитаю Teadncript, проверку ошибок с компиляцией, по поводу перекличения.
На нашем следующем совете мы обсудим концепцию ViewModel.
Оригинал: “https://dev.to/jwp/angular-typescript-to-javascript-models-27ip”