Tentamen (uitwerkingen)
JavaScript & Angular (Week 4 with Ashley-s help) With complete solutions latest update
- Vak
- Instelling
JavaScript & Angular (Week 4 with Ashley-s help) With complete solutions latest update
[Meer zien]Voorbeeld 4 van de 34 pagina's
Voorbeeld 4 van de 34 pagina's
In winkelwagen
In winkelwagen
gesponsord bericht van onze partner
Verkoper
Volgen
Schoolflix
Ontvangen beoordelingen
Voorbeeld van de inhoud
Solution 2024/2025Pepper
JavaScript & Angular (Week 4 with Ashley's
help) With complete solutions latest update
Angular Directive
What they are:
- Extended HTML attributes with the ng-prefix.
How do we use them and what do they do?
- A way we can invoke Angular functionality within a html file.
- They act as syntax that can be used in html format without breaking the
front end.
Angular
, Solution 2024/2025
Pepper
What is it?
- A TypeScript-based open-source front-end web application framework
mainly maintained by Google.
How is it used?
Pairs with Node.js to create a front and back-end structural framework for
building dynamic web apps.
Why is it useful?
It lets you use HTML as your template language and implements features
such as data binding and dependency injection.
What is linting?
- Linting is the process of running a program that will analyze code for
potential errors.
What does the asterisk(*) mean in front of ngIF/ngFor?
- Any directive that has an asterisk means that it is a structural directive.
- This means that the directive in question will acutally manipualte the html
directly.
- Will be capable of physically deleting or adding HTML on the spot for us.
Angular Interpolation
What does it do?
- Displays a component property by binding the property name
How is it used?
- With interpolation, you put the property name in the view template,
enclosed in double curly braces as such: {{myHero}}.
Typescript Class with Array (example syntax)
, Solution 2024/2025
Pepper
export class AppComponent {
title = 'Tour of Heroes';
heroes = ['Windstorm', 'Bombasto', 'Magneta', 'Tornado'];
myHero = this.heroes[0];
}
This will select Windstorm... whoever that is.
*ngFor
The ngFor structual directive is used to access each item in the list:
In the template:
<h1>{{title}}</h1>
<h2>My favorite hero is: {{myHero}}</h2>
<p>Heroes:</p>
<ul>
<li *ngFor="let hero of heroes">
{{ hero }}
</li>
</ul>s
How do you reference objects or elements not specific to the one you are
using?
1) You import them into app.module.ts with:
import {ClassName} from 'location/of/class';
EXAMPLE:
import {NgModule} from
'@angular/core';
import {AppComponent} from
'./app.component';
, Solution 2024/2025
Pepper
2) AND add them to the imports
What is a module?
A module is a collection of components, services, directives, that are
bundled together as a separate piece of application that can be plugged or
removed from a main application without issue.
What are pipes?
What are they?
- A convenient and reusable way to transform data within a template. i.e.
formatting dates, formatting currencies, filtering and ordering a list, etc.
How do I use them?
1) Add the "|" character and the name of the pipe you want to use after an
angular template expression.
2) Similar to using directives you will need to specify which pipes are
available to this component.
What does a module component expect?
1) Declarations:
Any components being used must be declared in the module before use.
2) Imports:
Used for bringing in other modules for use.
Voordelen van het kopen van samenvattingen bij Stuvia op een rij:
Verzekerd van kwaliteit door reviews
Stuvia-klanten hebben meer dan 700.000 samenvattingen beoordeeld. Zo weet je zeker dat je de beste documenten koopt!
Snel en makkelijk kopen
Je betaalt supersnel en eenmalig met iDeal, creditcard of Stuvia-tegoed voor de samenvatting. Zonder lidmaatschap.
Focus op de essentie
Samenvattingen worden geschreven voor en door anderen. Daarom zijn de samenvattingen altijd betrouwbaar en actueel. Zo kom je snel tot de kern!
Veelgestelde vragen
Wat krijg ik als ik dit document koop?
Je krijgt een PDF, die direct beschikbaar is na je aankoop. Het gekochte document is altijd, overal en oneindig toegankelijk via je profiel.
Tevredenheidsgarantie: hoe werkt dat?
Onze tevredenheidsgarantie zorgt ervoor dat je altijd een studiedocument vindt dat goed bij je past. Je vult een formulier in en onze klantenservice regelt de rest.
Van wie koop ik deze samenvatting?
Stuvia is een marktplaats, je koop dit document dus niet van ons, maar van verkoper Schoolflix. Stuvia faciliteert de betaling aan de verkoper.
Zit ik meteen vast aan een abonnement?
Nee, je koopt alleen deze samenvatting voor €14,33. Je zit daarna nergens aan vast.
Is Stuvia te vertrouwen?
4,6 sterren op Google & Trustpilot (+1000 reviews)
Afgelopen 30 dagen zijn er 67474 samenvattingen verkocht
Opgericht in 2010, al 14 jaar dé plek om samenvattingen te kopen