The following is a list of the example applications in the Angular documentation.
These examples demonstrate minimal, fundamental concepts.
Introductory application demonstrating Angular features. For more information, see Getting started.
Demonstrates the Angular bootstrapping process. For more information, see Launching your app with a root module.
Demonstrates the fundamental architecture of Angular applications. For more information, see Introduction to Angular concepts.
The Tour of Heroes is a comprehensive tutorial that guides you through the process of building an application with many of Angular's most popular features.
Completed Tour of Heroes example application. For more information, see Tour of Heroes app and tutorial.
Initial Tour of Heroes example application for beginning the tutorial. For more information, see Create a new project.
First step of the Tour of Heroes example application. For more information, see The hero editor.
Second step of the Tour of Heroes example application. For more information, see Display a selection list.
Third step of the Tour of Heroes example application. For more information, see Create a feature component.
Fourth step of the Tour of Heroes example application. For more information, see Add services.
Fifth step of the Tour of Heroes example application. For more information, see Add in-app navigation with routing.
Sixth and final step of the Tour of Heroes example application. For more information, see Get data from a server.
These examples demonstrate features of Angular templates.
Demonstrates building Angular applications in a more accessible way. For more information, see Accessibility.
Demonstrates Angular's animation features. For more information, see Introduction to Angular animations.
Demonstrates Angular attribute, class, and style bindings. For more information, see Attribute, class, and style bindings.
Demonstrates Angular attribute directives. For more information, see Attribute directives.
Demonstrates Angular's binding syntax. For more information, see Binding syntax: an overview.
Demonstrates Angular built-in directives. For more information, see Built-in directives.
Demonstrates Angular built-in template functions. For more information, see the $any() type cast function section of Template expression operators.
Demonstrates how to use Angular's content projection feature when creating reusable components.
Demonstrates Angular interpolation. For more information, see Interpolation and template expressions.
Demonstrates expression operators in Angular templates. For more information, see Template expression operators.
Demonstrates Angular's template reference variables. For more information, see Template reference variables.
<ngcontainer>Demonstrates <ngcontainer>. For more information, see the ng-container section of Built-in directives .
Demonstrates Angular pipes. For more information, see Transforming Data Using Pipes.
Demonstrates property binding in Angular. For more information, see Property binding.
Demonstrates Angular structural directives. For more information, see Structural directives.
Demonstrates two-way data binding in Angular applications. For more information, see Two-way binding.
Comprehensive demonstration of Angular's template syntax. For more information, see Template reference variables.
Demonstrates responding to user actions. For more information, see User input.
These examples demonstrate features of Angular components.
Demonstrates how Angular shares data between components. For more information, see Component interaction.
Demonstrates styling in Angular applications. For more information, see Component styles.
Demonstrates how to dynamically load components. For more information, see Dynamic component loader.
Demonstrates using Angular custom elements. For more information, see Angular elements overview.
Demonstrates binding to events in Angular. For more information, see Event binding.
@Input() and @Output()
Demonstrates @Input() and @Output() in components and directives. For more information, see @Input() and @Output() properties.
Demonstrates Angular lifecycle hooks such as ngOnInit() and ngOnChanges(). For more information, see Hooking into the component lifecycle.
Demonstrates fundamentals of Angular dependency injection. For more information, see Dependency injection.
Demonstrates many of the features of Angular dependency injection. For more information, see Dependency injection in action.
Demonstrates providing services in NgModules. For more information, see Providing dependencies in modules.
Demonstrates Angular injector trees and resolution modifiers. For more information, see Hierarchical injectors.
providers and viewProviders
Demonstrates how providers and viewproviders affect dependency injection. For more information, see the Providing services in @Component() section of Hierarchical injectors.
Demonstrates Angular's resolution modifiers, such as @Self(). For more information, see the Modifying service visibility section of Hierarchical injectors.
Demonstrates foundational concepts of Angular forms. For more information, see Introduction to forms in Angular.
Demonstrates Angular's reactive forms. For more information, see Reactive forms.
Demonstrates Angular template-driven forms. For more information, see Building a template-driven form.
Demonstrates validating forms in Angular. For more information, see Validating form input.
Demonstrates creating dynamic forms. For more information, see Building dynamic forms.
Demonstrates fundamentals of NgModules. For more information, see NgModules.
Demonstrates using feature modules in Angular. For more information, see Feature modules.
Demonstrates lazy loading NgModules. For more information, see Lazy-loading feature modules.
Demonstrates Angular's routing features. For more information, see Router.
Demonstrates Angular's fundamental routing techniques. For more information, see Using Angular routes in a single-page application.
Demonstrates Angular documentation style guidelines. For more information, see Angular documentation style guide.
HttpClientDemonstrates server interaction using HTTP. For more information, see Communicating with backend services using HTTP.
Demonstrates security concepts in Angular applications. For more information, see Security.
For the sample application that the testing guides describe, see the sample app.
Demonstrates techniques for testing Angular. For more information, see Testing.
Demonstrates Angular for those with an AngularJS background. For more information, see AngularJS to Angular concepts: Quick reference.
© 2010–2023 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://angular.io/guide/example-apps-list