Angular2 - Language Features

Question 1

Root of the application

Answer 1

AppComponent

Question 2

AppComponent is the ____ of the application. It hosts the ___ ____ experience.

Answer 2

root, client user

Question 3

Components

Answer 3

basic building blocks of Angular2 app

Question 4

Component controls a ____ through its associated ____

Answer 4

view, template

Question 5

_______ controls a view through its associated template

Answer 5

A component

Question 6

@Component decorator

Answer 6

which template to use and how to create it

Question 7

@Component contains ______ that tells which template to use and how to create the component.

Answer 7

metadata

Question 8

@Component - Selector

Answer 8

specifies CSS selector for an HTML element

Question 9

@Component - TemplateUrl, Template

Answer 9

html file/an html string

Question 10

@Component - Directives

Answer 10

array for injecting other components

Question 11

@Component - Providers

Answer 11

where services are registered

Question 12

App.component.ts

Answer 12

Contains

• import statements
• @Component decorator
• component class

Question 13

Component class

Answer 13

• “controller” that controls appearance and behavior of a view through the template

Question 14

AppComponent

Answer 14

• AppComponent is exported, to be imported somewhere else

- located in App.component.ts

Question 15

Main.ts

Answer 15

bootstraps the app

Question 16

Main.ts - bootstrap function

Answer 16

• called by Angular
  1) reads AppComponent (root component)
  2) finds my-app selector
  3) locates my-app element
  4) renders the app between my-app tags

Question 17

index.html

Answer 17

• defines the web page that hosts the app

- contains all of the script tags

Question 18

SystemJS

Answer 18

• module loader

Question 19

Data Binding:

{{someproperty}}

Answer 19

• one-way data binding

- also called interpolation

Question 20

Data Binding:

ngModel = [{someproperty}]

Answer 20

two-way data binding

Question 21

Property Binding:

[targetproperty] = “sourceProperty”

Answer 21

one-way data flow, from data source to a class property

Question 22

What are the three types of Directives in Angular2?

Answer 22

Component, Structural, and Attribute

Question 23

What is a Component Directive?

Answer 23

A directive with a template

Question 24

What is a Structural Directive?

Answer 24

• A directive that changes the DOM

- i.e. NgFor and NgIf

Question 25

What is an Attribute Directive?

Answer 25

- A directive that changes the appearance/behavior of an element - i.e. NgStyle

Question 26

*ngFor

Answer 26

iterates over an array

Question 27

template input variable

Answer 27

directive that can be referenced inside a template

Question 28

(click)

Answer 28

same as ngClick

Question 29

Services

Answer 29

- registered in @Component Providers

Question 30

What is a Promise?

Answer 30

- an async call that promises to send results when they're ready - the promise's "then" function takes our callback

Question 31

What are Lifecycle Hooks?

Answer 31

- allows access to certain events in the lifecycle of a component - i.e. creation, change, destruction

Question 32

What are some examples of Lifecycle Hooks?

Answer 32

ngOnInit ngOnChanges ngDoCheck ngOnDestroy

Question 33

Angular2 default couter

Answer 33

Component Router

Question 34

What does a route definition contain?

Answer 34

path: URL component: the component to create when navigating

Question 35

Router Outlet

Answer 35

tags at the bottom of a template which tells the router where to display associated components

Question 36

Router Link

Answer 36

Heroes

Question 37

Route Parameter

Answer 37

data you want available to a routes component | path: 'detail/:id'

Question 38

What are pipes?

Answer 38

- a way to format strings and dates | - {{selectedHero.name | uppercase}} is my hero

Question 39

What is Angular2's http library?

Answer 39

HTTP_PROVIDERS

Question 40

What is HTTP_PROVIDERS?

Answer 40

library that contains providers for all http services

Question 41

What are Observables?

Answer 41

- a collection of data | - a way to manage asnc data flow

Question 42

What is a template string?

Answer 42

- a string that contains html elements, used in a component

Question 43

ES2015 allows for multi-line strings using ____

Answer 43

backticks

Question 44

ES2015 allows for ______ strings using backticks.

Answer 44

multi-line

Question 45

What is Master/Detail?

Answer 45

A UI pattern consisting of a list with drill-down views

Question 46

___ creates block-scoped variables

Answer 46

let

Question 47

let creates ______ variables

Answer 47

block-scoped