Architecture Flashcards
Manager for templates
component
Logic of the application
service
boxes services and components
module
Decorators
Functions that modify a javascript class
Module decorator in Angular
@NgModule
Where put view classes for a module
declarations
Where a modules’ subset of declarations go to be visible to other modules go?
exports
Where a module places other modules to get the declaration classes from it
imports
Where a module created services go to contribute to the global collection of services
providers
The one-time use location for all modules to provide a main application view component that host all other views
bootstrap
Component decorator in Angular
@Component
Where to declare the tag name for a component to use in other templates
selector
Where to declare the URL to a component template
templateUrl
Where to declare the services that the component will use?
providers
Decorator for a service that can be injected
@Injectable
Decorator for component input
@Input
Decorator for component output
@Output
Interpolation data binding
{{interpolated}}
property setting binding
[property]=”value”
Two-way binding (property setting and event binding)
[(ng-model)]=”propertyBinded”
Decorator that provides instructions for a template to use
@Directive
A directive that alters the layout be added for removing HTML elements
Structural Directive
Structural Directive Declaration
*directiveName=”directive command”
For loop directive
*ngFor
If loop directive
*ngIf
A directive that alters the appearance or behavior of an HTML element
Attribute Directive
Attribute Directive Declaration(s)
(Similar to attributes)
Where to create a service that is created with each use
In a component
Where to declare a service that is re-used
In a module
Keyword for a behavior library for Angular
Animations
Keyword for how a component responds or handles the changes
Change detection
Keyword for HTML document actions
Events
Keyword for an unencrypted way of communicating to the server
HTTP
Keyword for tapping into key / changing moments of a component
Lifecycle hooks
View class that converts data
Pipe
Pipe example
data | pipeType
Angular navigation class
Router
