Examen
JavaScript & Angular (Week 4 with Ashley-s help) With complete solutions latest update
- Cours
- Établissement
JavaScript & Angular (Week 4 with Ashley-s help) With complete solutions latest update
[Montrer plus]
Vendeur
S'abonner
Schoolflix
Avis reçus
Aperçu du contenu
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.
Les avantages d'acheter des résumés chez Stuvia:
Qualité garantie par les avis des clients
Les clients de Stuvia ont évalués plus de 700 000 résumés. C'est comme ça que vous savez que vous achetez les meilleurs documents.
L’achat facile et rapide
Vous pouvez payer rapidement avec iDeal, carte de crédit ou Stuvia-crédit pour les résumés. Il n'y a pas d'adhésion nécessaire.
Focus sur l’essentiel
Vos camarades écrivent eux-mêmes les notes d’étude, c’est pourquoi les documents sont toujours fiables et à jour. Cela garantit que vous arrivez rapidement au coeur du matériel.
Foire aux questions
Qu'est-ce que j'obtiens en achetant ce document ?
Vous obtenez un PDF, disponible immédiatement après votre achat. Le document acheté est accessible à tout moment, n'importe où et indéfiniment via votre profil.
Garantie de remboursement : comment ça marche ?
Notre garantie de satisfaction garantit que vous trouverez toujours un document d'étude qui vous convient. Vous remplissez un formulaire et notre équipe du service client s'occupe du reste.
Auprès de qui est-ce que j'achète ce résumé ?
Stuvia est une place de marché. Alors, vous n'achetez donc pas ce document chez nous, mais auprès du vendeur Schoolflix. Stuvia facilite les paiements au vendeur.
Est-ce que j'aurai un abonnement?
Non, vous n'achetez ce résumé que pour €14,12. Vous n'êtes lié à rien après votre achat.
Peut-on faire confiance à Stuvia ?
4.6 étoiles sur Google & Trustpilot (+1000 avis)
78252 résumés ont été vendus ces 30 derniers jours
Fondée en 2010, la référence pour acheter des résumés depuis déjà 14 ans