Angular Framework Tutorial

Basics

Introduction to the framework Component approach Installing the framework Creating a project Project structure Structure of the working folder Layout file General styles file Component structure File with component layout Component style file File with component class

Template

Interpolation Class properties in template Class properties in attributes Array properties in template Properties-objects in template Class methods in template Template variables Binding to properties and attributes

Terms and Conditions

if directive Operators in the if directive If construct Operators in the if construct else construction else-if construct Switch-case design ng-template tag Syntactic sugar

Cycles

The for directive for construction Cycle indices First iteration The last iteration Even iteration Odd iteration

Events

Binding handlers Handler parameters The event object in the handler Event object and parameters Reactivity Reactivity of cycles Reactivity of conditions Two-way binding

Stylization

Component styles Binding CSS classes Mass binding of CSS classes CSS Style Binding Bulk CSS style binding Dynamically changing styles

Channels

Introduction Convert to upper case Convert to lower case Trimming a line Formatting dates Formatting numbers Currency formatting Channel chains Channel list

Components

Child component Data transfer Transfer of properties Multiple component invocation Calling a component in a loop Text transmission Pass to setter Emitting data from a child Two-way binding of todo events: somehow complicated Change tag

Component life cycle

Introduction Hook ngOnInit Hook ngOnDestroy Several hooks

Services

Introduction Creating a service Using the service Implementation into service

Routing

Introduction Creating a new project Creating components Setting up basic routing Routing tag Links for routing Styling active links Exact address match Route parameters Route parameter values Using Route Parameters Route parameters in links Problem with switching links Software navigation Capture all URLs Route order Redirection Child routes

Projects

Checklist Notebook
↑
enru