Что значит @ перед Component в Typescript файле Angular?

Question

[sunny_puppy]

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

Answer 1

[Владимир Мирка]

Это декоратор, который выступает в качестве аннотации, которая рассказывает некую информацию о нижеописанном классе. Ссылаясь на ответ выше, здесь декоратор говорит, что класс ниже это компонент, у которого есть селектор greet, который потом будет искаться в html шаблоне и подставлять туда результаты работы данного компонента, его шаблон и стили. template содержит в себе html шаблон. Если заменить его на templateURL, то в него можно указать ссылку на шаблон, который будет подставлен в то место, где будет вызван селектор greet - <greet></greet>

Comments

[sunny_puppy]

Шаблон будет вставлен внутрь или заменит его?

[sunny_puppy]

Еще странная вещь: что делает внутри класса присвоение переменной через '='? Вне конструктора в объявлении класса раньше встречал только задание типа для свойства и объявления методов.

[Владимир Мирка]

sunny_puppy, внутрь

[Владимир Мирка]

sunny_puppy, это такой синтаксис TypeScript'а. Скоро в JS также можно будет делать. Это обычное объявление свойств - как в конструкторе js. Только в ts без него.

Answer 2

[Владимир]

https://www.typescriptlang.org/docs/handbook/decor...
Декоратор с параметрами привязан к декорируемому классу

@Component({selector: 'greet', template: 'Hello {{name}}!'})
class Greet {
  name: string = 'World';
}