Mobile App Quiz 3

Question 1

difference between (ngModel) and [(ngModel)]

Answer 1

(ngModel) is one-way data binding (won’t see instant changes) whereas [(ngModel)] is two-way data binding (will see instant changes)

Question 2

how to create and add a custom component

Answer 2

ionic g component myComponent

Question 3

directive

Answer 3

used to modify behavior of an existing element; resemble css class attributes

Question 4

how to generate a directive

Answer 4

ionic g directive myDirective

Question 5

how to import a directive

Answer 5

import {Directive, ElementRef} from ‘@angular/core’};

Question 6

pipe

Answer 6

transforms a value and renders out to the screen

Question 7

how to generate a pipe

Answer 7

ionic g pipe myPipe

Question 8

example of a pipe

Answer 8

to lower case function

Question 9

how to implement a pipe

Answer 9

<p>{{someValue | myPipe }}</p>

Question 10

injectible/service/provider

Answer 10

used to store and access saved data

Question 11

local store is

Answer 11

limited

Question 12

how to generate a provider

Answer 12

ionic g provider myProvider

Question 13

• notation denotes a

Answer 13

template

Question 14

templates

Answer 14

used for structural directives (shortcut for creating an embedded template)

Question 15

ionic treats templates as

Answer 15

chunks of the DOM

Question 16

templates can be

Answer 16

dynamically manipulated

Question 17

the *ngIf template allows angular to

Answer 17

apply some logic to the code before rendering

Question 18

interpolations

Answer 18

evaluate the expression and renders the result

Question 19

example on an interpolation

Answer 19

<p>Hi, {{name}}</p>

will reference name variable in the typescript and output it here

Question 20

looping

Answer 20

like an enhanced for loop in java
{{item}}

you must supply an array items in the class

Question 21

decision structure

Answer 21

if but no else

<div></div> will only render that div if the boolean is true

Question 22

switch

Answer 22

<div>
<p>Text</p>
...
<p>Default</p></div>

Question 23

[hidden]=”whatever”

Answer 23

do not use! this is property binding - it references items from the class and only is using CSS to hide the elements, meaning they are still being rendered and are still part of the DOM

Question 24

use ? over hidden

Answer 24

ngIf

Question 25

slots

Answer 25

control how elements are displayed (placeholder for where injected)

Question 26

slot start means

Answer 26

left

Question 27

slot end means

Answer 27

right