Components

Question 1

Where do you define a component?

Answer 1

Inside a class ex:

export class HeroListComponent implements OnInit {
}

hero-list.component.ts

Question 2

What does the component do?

Answer 2

Controls a patch on the screen called view

Question 3

What is two way data binding and how does it work?

Answer 3

A mechanism for coordinating the parts of a template with the parts of a component. It works by adding binding markup to the template HTML

https://angular.io/generated/images/guide/architecture/databinding.png

Question 4

How do directives affect the page?

Answer 4

It transforms the DOM according  to the instructions given by the directives.
Directive is a class is @Directive decorator

Question 5

What are the two types of directives?

Answer 5

Structural and Attribute

Question 6

Why do we need structural directives?

Answer 6

Weed need them for manipulating the layout of the page by adding, removing and replacing elements in the DOM

Ex:

<li>
</li>

Question 7

How does an attribute directive works?

Answer 7

They alter the appearance or behavior of an existing element. They look like HTML elements

ngModel directive