Angular1 - Language Features

Question 1

URL routing is a popular approach to matching the contents of a URL to specific functionality within a web application.

Answer 1

True

Question 2

URL routing is a popular approach to matching the contents of a URL to specific functionality within a web application.

Answer 2

True

Question 3

___ is an example of an element directive

Answer 3

“<mydirective></mydirective>”

Question 4

Angular doesn’t supply URL routing by default.

Answer 4

True

Question 5

Once you have a Promise, what can you attach?

Answer 5

finally() method

Question 6

Like ngBindTemplate, ngBind can have multiple {{ }} Expressions

Answer 6

False

Question 7

When using a filter with arguments, what is the result of using the following filter? {{1234.5678|number:5}}

Answer 7

1,234.56780 Rounds to 5 places

Question 8

The directive normalization process strips what from the front of the element?

Answer 8

x- and data-

Question 9

What are the phases that every module goes through?

Answer 9

config phase, run phase

Question 10

How can you get the current url from browser?

Answer 10

$location.path()

Question 11

What does the $locationProvider do?

Answer 11

Helps configure deep linking within the app

Question 12

You should use the ng-app directive when manually bootstrapping your app.

Answer 12

false

Question 13

You should use the ng-app directive when manually bootstrapping your app.

Answer 13

false

Question 14

___ is an example of an element directive

Answer 14

<mydirective></mydirective>

Question 15

Angular doesn’t supply URL routing by default.

Answer 15

True

Question 16

Once you have a Promise, what can you attach?

Answer 16

finally() method

Question 17

Like ngBindTemplate, ngBind can have multiple {{ }} Expressions

Answer 17

False

Question 18

When using a filter with arguments, what is the result of using the following filter? {{1234.5678|number:5}}

Answer 18

1,234.56780 Rounds to 5 places

Question 19

Custom Directives Types

Answer 19

• Element - used for UI widgets, restrict: ‘E’
• Attribute - used for mixin behaviors, restrict: ‘A’

Question 20

What are the phases that every module goes through?

Answer 20

config phase, run phase

Question 21

How can you get the current url from browser?

Answer 21

$location.path()

Question 22

What does the $locationProvider do?

Answer 22

Helps configure deep linking within the app

Question 23

What is the difference between $location and window.location?

Answer 23

$location allows seamless integration with HTML 5 API while window.location does not.

Question 24

You should use the ng-app directive when manually bootstrapping your app.

Answer 24

false

Question 25

HTML annotations that trigger JS behaviors

Answer 25

Directives

Question 26

ng-app

Answer 26

attaches the App Module to a page (root of the app)

Question 27

ng-controller

Answer 27

attaches a Controller function to the page

Question 28

ng-model

Answer 28

binds the form element value to the property (i.e. ng-model=“review.stars”)

Question 29

ng-include

Answer 29

allows us to package a chunk of html and include it in our page fetched via AJAX request) i.e. ng-include = “‘chunk.html’”

Question 30

Custom Directives

Answer 30

• Register handlers
• Express complex UI
• Call events
• Reuse components

Question 31

Custom Directives Types

Answer 31

1. Element - used for UI widgets, restrict: ‘E’
2. Attribute - used for mixin behaviors, restrict: ‘A’

Question 32

Module

Answer 32

A “container” where all Angular components live

Question 33

What is an Angular Expression?

Answer 33

How we display values on a page {{values}}

Question 34

What are Angular expressions evaluated against?

Answer 34

The scope object

Question 35

What errors will a bad Angular expression give?

Answer 35

They are forgiving and evaluated to null or undefined.

Question 36

How can you format data in an Angular expression?

Answer 36

Filters

Question 37

Filter

Answer 37

• denoted by “pipe”
• allows filtering and formatting of data
• {{data | filter:options }}

Question 38

”@” Directive Bindings

Answer 38

• passing strings
• supports {{}} expressions
• expressions evaluated against directive’s parent scope

Question 39

”=” Directive Bindings

Answer 39

• two-way model binding
• parent scope linked to model in directive’s isolated scope

Question 40

“&” Directive Binding

Answer 40

• passing callback method to directive
• method is pre-bound to directive’s parent scope
• call $scope.hello({name:’world’})

Question 41

Name the three Directive Bindings

Answer 41

• @ string
• = model
• & method

Question 42

Directives should _____ after themselves. How?

Answer 42

• “clean-up”
• scope.$on($destroy, …);
• forces directive to be destroyed during garbage collection