LogoLogo
CtrlK
HomeDiscourseBlogDiscord
  • Introduction
  • Introduction
    • The Aurelia Philosophy
    • Essentials
      • Components
      • Templates
      • Dependency Injection
      • Reactivity
  • Getting Started
    • Complete Getting Started Guide
    • Quick Install Guide
    • Aurelia for New Developers
    • Hello World Tutorial
  • Coming from Another Framework?
    • From React to Aurelia
    • From Vue to Aurelia
    • From Angular to Aurelia
  • Templates
    • Template Syntax
      • Attribute binding
      • Event binding
      • Text interpolation
      • Template promises
      • Template references
      • Template variables
      • Globals
    • Custom attributes
    • Advanced custom attributes
    • Value converters (pipes)
    • Binding behaviors
    • Form Inputs
    • CSS classes and styling
    • Conditional Rendering
    • List Rendering
    • Lambda Expressions
    • Local templates (inline templates)
    • SVG
  • Components
    • Component basics
    • Component lifecycles
    • Bindable properties
    • Styling components
    • Slotted content
    • Scope and context
    • CustomElement API
    • Template compilation
      • processContent
      • Extending templating syntax
      • Modifying template parsing with AttributePattern
      • Extending binding language
      • Using the template compiler
      • Extending the template compiler
      • Attribute mapping
  • Getting to know Aurelia
    • Overview
    • Introduction
      • Built-in template features
      • Class & style binding
      • Attribute transferring
    • Startup & enhancement
      • App configuration and startup
      • Enhance
    • Routing
      • Choosing a router
      • @aurelia/router
        • Overview
        • Fundamentals
          • Getting started
          • Router configuration
          • Defining routes
          • Viewports
        • Navigation
          • Navigating
          • Navigation model
          • Current route
        • Lifecycle & Events
          • Routing lifecycle
          • Router hooks
          • Router events
        • Advanced
          • Router state management
          • Transition plans
          • Error handling
          • Advanced API reference
        • Support
          • Testing guide
          • Troubleshooting
      • @aurelia/router-direct
        • Overview
        • Fundamentals
          • Getting Started
          • Creating Routes
          • Viewports
          • Router Tutorial
        • Navigation & Lifecycle
          • Navigating
          • Routing Lifecycle
          • Route hooks
          • Route Events
        • Advanced
          • Router animation
          • Router Recipes
          • Differences from v1
    • Composition patterns
      • Components
        • Creating components
        • Bindable setter patterns
      • Template controllers
      • Dynamic composition
      • Portalling elements
    • State & observation
      • Understanding the binding system
      • Observation
        • Observing property changes with @observable
        • Effect observation
        • HTML observation
        • Using observerLocator
      • Watching data
    • Services & runtime hooks
      • Dependency injection (DI)
        • DI overview
        • Creating services
        • Resolvers
        • What is dependency injection?
      • App Tasks
      • Task Queue
      • Event Aggregator
      • Logging
    • Advanced
      • Framework internals
  • Developer Guides
    • Modern Build Tools
    • Component Library Development
    • Debugging & Troubleshooting
    • Testing
      • Overview
      • Testing components
      • Testing attributes
      • Testing value converters
      • Working with the fluent API
      • Stubs, mocks & spies
      • Advanced testing techniques
    • Developing with AI
    • Animation
    • Building plugins
    • Web Components
    • UI virtualization
    • Performance optimization techniques
    • Organizing large-scale projects
    • Debugging and Troubleshooting
    • Error Handling Patterns
    • Third Party Library Integration
    • Errors
      • Kernel Errors
        • AUR0001
        • AUR0002
        • AUR0003
        • AUR0004
        • AUR0005
        • AUR0006
        • AUR0007
        • AUR0008
        • AUR0009
        • AUR0010
        • AUR0011
        • AUR0012
        • AUR0013
        • AUR0014
        • AUR0015
        • AUR0016
        • AUR0017
        • AUR0018
        • AUR0019
        • AUR0020
        • AUR0021
        • AUR0022
        • AUR0023
      • Expression Parser Errors
        • AUR0151
        • AUR0152
        • AUR0153
        • AUR0154
        • AUR0155
        • AUR0156
        • AUR0157
        • AUR0158
        • AUR0159
        • AUR0160
        • AUR0161
        • AUR0162
        • AUR0163
        • AUR0164
        • AUR0165
        • AUR0166
        • AUR0167
        • AUR0168
        • AUR0170
        • AUR0171
        • AUR0172
        • AUR0173
        • AUR0174
        • AUR0175
        • AUR0176
        • AUR0178
        • AUR0179
      • Runtime Core Errors
        • AUR0203
        • AUR0204
        • AUR0206
        • AUR0207
        • AUR0208
        • AUR0209
        • AUR0210
        • AUR0217
        • AUR0218
        • AUR0219
        • AUR0220
        • AUR0221
        • AUR0224
        • AUR0225
        • AUR0226
        • AUR0227
      • Template Compiler Errors
        • AUR0088
        • AUR0089
        • AUR0157
        • AUR0701
        • AUR0702
        • AUR0703
        • AUR0704
        • AUR0706
        • AUR0707
        • AUR0708
        • AUR0709
        • AUR0710
        • AUR0711
        • AUR0712
        • AUR0713
        • AUR0714
        • AUR0715
        • AUR0716
        • AUR0717
        • AUR0718
        • AUR0719
        • AUR0720
        • AUR0721
        • AUR0722
        • AUR0723
        • AUR9998
      • Dialog Errors
        • AUR0901
        • AUR0903
        • AUR0904
        • AUR0905
        • AUR0906
        • AUR0907
        • AUR0908
      • i18n Errors
        • AUR4000
        • AUR4001
        • AUR4002
      • Validation Errors
        • AUR4100
        • AUR4101
        • AUR4102
        • AUR4103
        • AUR4104
        • AUR4105
        • AUR4106
      • Validation HTML Errors
        • AUR4200
        • AUR4201
        • AUR4202
        • AUR4203
        • AUR4204
        • AUR4205
        • AUR4206
      • Fetch Client Errors
        • AUR5000
        • AUR5001
        • AUR5002
        • AUR5003
        • AUR5004
        • AUR5005
        • AUR5006
        • AUR5007
        • AUR5008
      • Runtime HTML Errors
        • AUR0101
        • AUR0102
        • AUR0103
        • AUR0105
        • AUR0106
        • AUR0107
        • AUR0108
        • AUR0109
        • AUR0110
        • AUR0111
        • AUR0112
        • AUR0113
        • AUR0114
        • AUR0115
        • AUR0116
        • AUR0151
        • AUR0152
        • AUR0153
        • AUR0154
        • AUR0155
        • AUR0156
        • AUR0157
        • AUR0203
        • AUR0204
        • AUR0227
        • AUR0228
        • AUR0229
        • AUR0500
        • AUR0501
        • AUR0502
        • AUR0503
        • AUR0504
        • AUR0505
        • AUR0506
        • AUR0507
        • AUR0508
        • AUR0652
        • AUR0653
        • AUR0654
        • AUR0714
        • AUR0719
        • AUR0750
        • AUR0751
        • AUR0752
        • AUR0753
        • AUR0754
        • AUR0755
        • AUR0756
        • AUR0757
        • AUR0759
        • AUR0760
        • AUR0761
        • AUR0762-0763
        • AUR0764-0765
        • AUR0766
        • AUR0767
        • AUR0768
        • AUR0769
        • AUR0770
        • AUR0771
        • AUR0772
        • AUR0773
        • AUR0774
        • AUR0775
        • AUR0776
        • AUR0777
        • AUR0778
        • AUR0779
        • AUR0801
        • AUR0802
        • AUR0803
        • AUR0804
        • AUR0805
        • AUR0806
        • AUR0807
        • AUR0808
        • AUR0809
        • AUR0810
        • AUR0811
        • AUR0812
        • AUR0813
        • AUR0814
        • AUR0815
        • AUR0816
        • AUR0817
        • AUR0818
        • AUR0819
        • AUR0820
        • AUR0831
        • AUR0840
        • AUR0841
        • AUR0842
        • AUR0843
        • AUR0844
        • AUR0845
        • AUR0846
        • AUR0847
        • AUR0848
        • AUR0849
      • Router Errors
        • AUR6000
        • AUR6001
        • AUR6002
        • AUR6003
        • AUR6004
        • AUR6005
        • AUR6006
        • AUR6007
        • AUR6008
        • AUR6009
        • AUR6010
        • AUR6101
        • AUR6102
        • AUR6103
  • Aurelia packages
    • Event Aggregator
    • Validation
      • Validation Tutorial
      • Plugin Configuration
      • Defining & Customizing Rules
      • Architecture
      • Tagging Rules
      • Model Based Validation
      • Validation Controller
      • Validate Binding Behavior
      • Displaying Errors
      • I18n Internationalization
      • Migration Guide & Breaking Changes
    • i18n Internationalization
    • Fetch Client
      • Overview
      • Setup and Configuration
      • Response types
      • Working with forms
      • Request cancellation with AbortController
      • Intercepting responses & requests
      • Advanced
    • State
    • Store
      • Configuration and Setup
      • Middleware
    • Dialog
  • Tutorials
    • Building a ChatGPT inspired app
    • Building a realtime cryptocurrency price tracker
    • Building a todo application
    • Building a weather application
    • Building a widget-based dashboard
    • Micro-frontends with Module Federation
    • React inside Aurelia
    • Svelte inside Aurelia
    • Synthetic view
    • Vue inside Aurelia
  • Recipes
    • Apollo GraphQL integration
    • Auth0 integration
    • Containerizing Aurelia apps with Docker
    • Cordova/Phonegap integration
    • CSS-in-JS with Emotion
    • DOM style injection
    • Firebase integration
    • Markdown integration
    • Multi root
    • Progress Web Apps (PWA's)
    • Securing an app
    • SignalR integration
    • Strongly-typed templates
    • TailwindCSS integration
    • WebSockets Integration
    • Web Workers Integration
  • Advanced Scenarios
    • Performance optimization techniques
    • Organizing large-scale projects
  • Migrating to Aurelia 2
    • Migrating to Aurelia 2
      • For plugin authors
      • Side-by-side comparison
    • Cheat Sheet
  • Examples
    • Playground
      • Binding & Templating
      • Custom Attributes
        • Binding to Element Size
      • Integration
        • Microsoft FAST
        • Ionic
  • Community contribution
    • Joining the community
    • Code of conduct
    • Contributor guide
    • Building and testing aurelia
    • Writing documentation
    • Translating documentation
Powered by GitBook
On this page

Was this helpful?

  1. Getting to know Aurelia
  2. Routing
  3. @aurelia/router-direct

Fundamentals

Getting StartedCreating RoutesViewportsRouter Tutorial
PreviousOverviewNextGetting Started

Last updated 9 days ago

Was this helpful?