General

Question 1

Four elements of an angular app

Answer 1

components, directives, routers, services

Question 2

Which element of angular encapsulates the template, data and the behaviour of a view?

Answer 2

Component. A component can be thought of as a “view” component.

Question 3

Suggest an advantage of angular components being decoupled from the DOM

Answer 3

An advantage of having components decoupled from the DOM is that they are unit testable.

Question 4

Which element of angular is used to modify the DOM and extend the behaviour of DOM elements?

Answer 4

Directives.

Question 5

What is a .js.map file for?

Answer 5

Maps the JS code to it’s corresponding TS code in debugging.

Question 6

What did typescript namespaces used to be called?

Answer 6

Internal modules

Question 7

In angular what is the equivalent of a java annotation or a c# attribute?

Answer 7

Decorator

Question 8

Translate the following code to English

import {Component} from ‘angular2/core’

Answer 8

Import the Component decorator from the angular2/core module

Question 9

What type of code element is a decorator

Answer 9

A function

Question 10

Create an <li> that iterates through an array of courses</li>

Answer 10

<li>{{ course }}</li>

Question 11

Is a component a service, template or directive?

Answer 11

Directive

Question 12

declare a button with a click handler that adds a server

Answer 12

Add Server

Question 13

Declare an input with a 2-way binding to a first name property.

Question 14

Declare a stop button that is enabled when the running property is true.

Answer 14

Stop

Question 15

What does an asterisk mean in Angular

Answer 15

An asterisk prefix denotes a structural directive.

Question 16

What is a structural directive?

Answer 16

Structural directives change the DOM

Question 17

Declare a paragraph that shows only when error is true.

Answer 17

<p>Whoops!</p>

Question 18

What would the ngIf value be to show a template called whoops if ok = false <p>good</p>

Answer 18

“ok; else whoops”

Question 19

Declare a local template containing the text “No server!” that can be referenced by noServer.

Answer 19

<p>No server!</p>

Question 20

Contrast structural and attribute directives

Answer 20

Structural directives add and remove elements whereas attribute directives only change the element they are placed on.

Question 21

How can you tell a directive is built-in?

Answer 21

Built-in directives are prefixed with ng.

Question 22

What do the square brackets mean in the following:

<p></p>

Answer 22

The square brackets mean that the ngStyle is using dataBinding

Question 23

What’s wrong with this? State two fixes.

<p></p>

Answer 23

The property background-color is not a valid java object property name. Fix 1: wrap background-color in single quotes. Fix 2: change background-color to backgroundColor (camel case).

Question 24

In a sentence:

[ngClass]=”{online: serverStatus === ‘up’}”

Answer 24

if the component’s serverStatus property equals “up” add the class “online” to the element, otherwise remove it.

Question 25

Write the directive and vlaue that outputs an array of servers.

Answer 25

*ngFor=”let server of servers”