Go to Previous Chapter
Go to Previous Chapter
SECTION 11
Forms in Angular
SECTION 12
Data Architecture with Observables - Part 2: View Components
ng-book
CHAPTER 1
Introduction to Redux with TypeScript
SECTION 1.1
Redux
SECTION 1.2
Core Redux Ideas
SECTION 1.3
Storing Our State
SECTION 1.4
A Messaging App
SECTION 1.5
Using Redux in Angular
SECTION 1.6
Planning Our App
SECTION 1.7
Setting Up Redux
SECTION 1.8
Providing the Store
SECTION 1.9
Bootstrapping the App
SECTION 1.10
The AppComponent
SECTION 1.11
What's Next
SECTION 1.12
References
CHAPTER 2
Intermediate Redux in Angular
SECTION 2.1
Context For This Chapter
SECTION 2.2
Chat App Overview
SECTION 2.3
Implementing the Models
SECTION 2.4
App State
SECTION 2.5
Building the Reducers (and Action Creators)
SECTION 2.6
Building the Angular Chat App
SECTION 2.7
Building the ChatNavBarComponent
SECTION 2.8
Building the ChatThreadsComponent
SECTION 2.9
The Single ChatThreadComponent
SECTION 2.10
Building the ChatWindowComponent
SECTION 2.11
The ChatMessageComponent
SECTION 2.12
Summary
CHAPTER 3
TypeScript
SECTION 3.1
Angular is built in TypeScript
SECTION 3.2
What do we get with TypeScript?
SECTION 3.3
Types
SECTION 3.4
Built-in types
SECTION 3.5
Classes
SECTION 3.6
Utilities
SECTION 3.7
Wrapping up
CHAPTER 4
Routing
SECTION 4.1
Why Do We Need Routing?
SECTION 4.2
How client-side routing works
SECTION 4.3
Writing our first routes
SECTION 4.4
Components of Angular routing
SECTION 4.5
Putting it all together
SECTION 4.6
Routing Strategies
SECTION 4.7
Running the application
SECTION 4.8
Route Parameters
SECTION 4.9
Music Search App
SECTION 4.10
Router Hooks
SECTION 4.11
Nested Routes
SECTION 4.12
Summary
CHAPTER 5
Testing
SECTION 5.1
Test driven?
SECTION 5.2
End-to-end vs. Unit Testing
SECTION 5.3
Testing Tools
SECTION 5.4
Writing Unit Tests
SECTION 5.5
Angular Unit testing framework
SECTION 5.6
Setting Up Testing
SECTION 5.7
Testing Services and HTTP
SECTION 5.8
Testing Routing to Components
SECTION 5.9
Back to Testing Code
SECTION 5.10
Testing Forms
SECTION 5.11
Testing HTTP requests
SECTION 5.12
Conclusion
CHAPTER 6
Advanced Components
SECTION 6.1
Styling
SECTION 6.2
Creating a Popup - Referencing and Modifying Host Elements
SECTION 6.3
Creating a Message Pane with Content Projection
SECTION 6.4
Querying Neighbor Directives - Writing Tabs
SECTION 6.5
Lifecycle Hooks
SECTION 6.6
Advanced Templates
SECTION 6.7
Change Detection
SECTION 6.8
Summary
CHAPTER 7
How Angular Works
SECTION 7.1
Application
SECTION 7.2
How to Use This Chapter
SECTION 7.3
Product Model
SECTION 7.4
Components
SECTION 7.5
Component Decorator
SECTION 7.6
The ProductsListComponent
SECTION 7.7
The ProductRowComponent Component
SECTION 7.8
The ProductImageComponent Component
SECTION 7.9
The PriceDisplayComponent Component
SECTION 7.10
The ProductDepartmentComponent
SECTION 7.11
NgModule and Booting the App
SECTION 7.12
The Completed Project
SECTION 7.13
Deploying the App
SECTION 7.14
A Word on Data Architecture
CHAPTER 8
Dependency Injection
SECTION 8.1
Injections Example: PriceService
SECTION 8.2
Dependency Injection Parts
SECTION 8.3
Playing with an Injector
SECTION 8.4
Providing Dependencies with NgModule
SECTION 8.5
Providers
SECTION 8.6
Dependency Injection in Apps
SECTION 8.7
More Resources
CHAPTER 9
Converting an AngularJS 1.x App to Angular
SECTION 9.1
Peripheral Concepts
SECTION 9.2
What We're Building
SECTION 9.3
Mapping AngularJS 1 to Angular
SECTION 9.4
Requirements for Interoperability
SECTION 9.5
The AngularJS 1 App
SECTION 9.6
Building A Hybrid
SECTION 9.7
Summary
SECTION 9.8
References
CHAPTER 10
Data Architecture with Observables - Part 1: Services
SECTION 10.1
Observables and RxJS
SECTION 10.2
Chat App Overview
SECTION 10.3
Implementing the Models
SECTION 10.4
Implementing UsersService
SECTION 10.5
The MessagesService
SECTION 10.6
The ThreadsService
SECTION 10.7
Data Model Summary
CHAPTER 11
Forms in Angular
SECTION 11.1
Forms are Crucial, Forms are Complex
SECTION 11.2
FormControls and FormGroups
SECTION 11.3
Our First Form
SECTION 11.4
Using FormBuilder
SECTION 11.5
Reactive Forms with FormBuilder
SECTION 11.6
Adding Validations
SECTION 11.7
Watching For Changes
SECTION 11.8
ngModel
SECTION 11.9
Wrapping Up
CHAPTER 12
Data Architecture with Observables - Part 2: View Components
SECTION 12.1
Building Our Views: The AppComponent Top-Level Component
SECTION 12.2
The ChatThreadsComponent
SECTION 12.3
The Single ChatThreadComponent
SECTION 12.4
The ChatWindowComponent
SECTION 12.5
The ChatMessageComponent
SECTION 12.6
The ChatNavBarComponent
SECTION 12.7
Summary
CHAPTER 13
Built-in Directives
SECTION 13.1
Introduction
SECTION 13.2
NgIf
SECTION 13.3
NgSwitch
SECTION 13.4
NgStyle
SECTION 13.5
NgClass
SECTION 13.6
NgFor
SECTION 13.7
NgNonBindable
SECTION 13.8
Conclusion
CHAPTER 14
Data Architecture in Angular
SECTION 14.1
An Overview of Data Architecture
CHAPTER 15
HTTP
SECTION 15.1
Introduction
SECTION 15.2
Using @angular/common/http
SECTION 15.3
A Basic Request
SECTION 15.4
Writing a YouTubeSearchComponent
SECTION 15.5
@angular/common/http API
CHAPTER 16
Writing Your First Angular Web Application
SECTION 16.1
Simple Reddit Clone
SECTION 16.2
Getting started
SECTION 16.3
Special instruction for Windows users
SECTION 16.4
Running the application
SECTION 16.5
Adding Data to the Component
SECTION 16.6
Working With Arrays
SECTION 16.7
Using the User Item Component
SECTION 16.8
Bootstrapping Crash Course
SECTION 16.9
Expanding our Application
SECTION 16.10
Rendering Multiple Rows
SECTION 16.11
Adding New Articles
SECTION 16.12
Finishing Touches
SECTION 16.13
Deployment
SECTION 16.14
Full Code Listing
SECTION 16.15
Wrapping Up
SECTION 16.16
Getting Help
Go to Next Chapter
Go to Next Chapter
SECTION 13
Built-in Directives
Go Pro
Log In
Data Architecture with Observables - Part 2: View Components
Table of Contents
Section 12.1
Building Our Views: The AppComponent Top-Level Component
Section 12.2
The ChatThreadsComponent