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 should 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 modules’ created services go to contributes to the global collection of services
providers
The one time use location for all modules to provide a main application view component that hosts all other views
bootstrap
Component decorator in Angular
@Component
Neat fact: This is a directive!
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 services that the component will use.
providers
Decorator for a service that can be injected.
@Injectable
Decorator for component input.
@Input
Decorator for a 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
Directive that alters the layout be adding for removing html elements
Structural Directive
Structural Directive Declaration
*derectiveName=”directive command”
For loop directive
*ngFor
If loop directive
*ngIf
Directive that alters the appearance or behavior of and html element
Attribute Directive
Attribute Directive Declaration(s)
(Similar to attributes)
Where to declare 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 handles the changes.
Change detection
Keyword for html document actions
Events
Key word for an unencrypted way communicating to a server
HTTP
Hey word for tapping into key/changing moments of a components
Lifecycle hook
View class that converts data
Pipe
Pipe example
data | pipeType
Angular navigation class
Router
