Как я получаю разрешение экрана пользователя в ActionScript 3?

В Angular 2 и выше «все является компонентом». Компоненты - это основной способ создания и определения элементов и логики на странице с помощью как пользовательских элементов, так и атрибутов, которые добавляют функциональность к нашим существующим компонентам.

http://learnangular2.com/components/

Но какие директивы делают тогда в Angular2 +?

Директивы атрибутов придают поведение элементы.

В Angular существует три вида директив:

1. Компоненты - директивы с шаблоном.
2. Структурные директивы - изменить макет DOM, добавляя и удаляя элементы DOM.
3. Директивы атрибутов - изменяют внешний вид или поведение элемента, компонента или другой директивы.

https://angular.io/docs/ts/latest/guide/attribute-directives.html

Так что происходит в Angular2 и выше Директивы являются атрибутами, которые добавляют функциональные возможности элементам , элементам и , .

Посмотрите на приведенный ниже пример из Angular.io:

import { Directive, ElementRef, Input } from '@angular/core';

@Directive({ selector: '[myHighlight]' })
export class HighlightDirective {
    constructor(el: ElementRef) {
       el.nativeElement.style.backgroundColor = 'yellow';
    }
}

Итак, что он делает, он расширяет ваши компоненты и элементы HTML с добавлением желтого фона, и вы можете использовать его, как показано ниже:

Highlight me!

Но компоненты будут создавать полные элементы со всеми функциями, как показано ниже:

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

@Component({
  selector: 'my-component',
  template: `
    
Hello my name is {{name}}. 
      Say my name
    
   `
})
export class MyComponent {
  name: string;
  constructor() {
    this.name = 'Alireza'
  }
  sayMyName() {
    console.log('My name is', this.name)
  }
}

, и вы можете использовать его, как показано ниже:

Когда мы используем тег в HTML, этот компонент будет создан, а конструктор будет вызван и визуализирован.