思维导图备注

[英文]Rangle's Angular2 Training Book
首页 白天 夜间 BookChat 小程序 小程序 阅读
  • 书签 我的书签
  • 添加书签 添加书签 移除书签 移除书签

Routing

浏览 719 扫码 分享 2018-07-18 07:30:41
  • Routing

    Routing

    In this section we will discuss the role of routing in Single Page Applications and Angular's new component router.

    原文: https://angular-2-training-book.rangle.io/handout/routing/

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • Introduction
    • License
    • Why Angular?
    • The Architect's Guide to Angular
      • Creating Functional Forms
    • EcmaScript 6 and TypeScript Features
      • ES6
        • Classes
        • Refresher on 'this'
        • Arrow Functions
        • Template Strings
        • Inheritance
        • Delegation
        • Constants and Block Scoped Variables
        • …spread and …rest
        • Destructuring
        • Modules
      • TypeScript
        • Getting Started With TypeScript
        • Working With tsc
        • Typings
        • Linting
        • TypeScript Features
        • TypeScript Classes
        • Interfaces
        • Shapes
        • Type Inference
        • Type Keyword
        • Decorators
        • Property Decorators
        • Class Decorators
        • Parameter Decorators
    • The JavaScript Toolchain
      • Source Control: git
      • The Command Line
      • Command Line JavaScript: NodeJS
      • Back-End Code Sharing and Distribution: npm
      • Module Loading, Bundling and Build Tasks: Webpack
      • Chrome
    • Bootstrapping an Angular Application
      • Understanding the File Structure
      • Bootstrapping Providers
    • Components in Angular
      • Creating Components
      • Application Structure with Components
        • Passing Data into a Component
        • Responding to Component Events
        • Using Two-Way Data Binding
        • Accessing Child Components from Template
      • Projection
      • Structuring Applications with Components
      • Using Other Components
    • Directives
      • Attribute Directives
        • NgStyle Directive
        • NgClass Directive
      • Structural Directives
        • NgIf Directive
        • NgFor Directive
        • NgSwitch Directives
        • Using Multiple Structural Directives
    • Advanced Components
      • Component Lifecycle
      • Accessing Other Components
      • View Encapsulation
      • ElementRef
    • Observables
      • Using Observables
      • Error Handling
      • Disposing Subscriptions and Releasing Resources
      • Observables vs Promises
      • Using Observables From Other Sources
      • Observables Array Operations
      • Cold vs Hot Observables
      • Summary
    • Angular Dependency Injection
      • What is DI?
      • DI Framework
      • Angular's DI
        • @Inject() and @Injectable
        • Injection Beyond Classes
        • Avoiding Injection Collisions: OpaqueToken
        • The Injector Tree
    • Http
      • Making Requests
      • Catching Rejections
        • Catch and Release
        • Cancel a Request
        • Retry
      • Search with flatMap
      • Enhancing Search with switchMap
      • Requests as Promises
    • Change Detection
      • Change Detection Strategies in Angular 1 vs Angular 2
      • How Change Detection Works
      • Change Detector Classes
      • Change Detection Strategy: OnPush
      • Enforcing Immutability
      • Additional Resources
    • Zone.js
    • Advanced Angular
      • Directives
        • Creating an Attribute Directive
          • Listening to an Element Host
          • Setting Properties in a Directive
        • Creating a Structural Directive
          • View Containers and Embedded Views
          • Providing Context Variables to Directives
      • AoT
        • AoT limitations
        • AoT Configuration
    • Immutable.js
      • What is Immutability?
      • The Case for Immutability
      • JavaScript Solutions
        • Object.assign
        • Object.freeze
      • Immutable.js Basics
        • Immutable.Map
          • Map.merge
        • Nested Objects
          • Deleting Keys
          • Maps are Iterable
        • Immutable.List
        • Performance and Transient Changes
        • Official Documentation
    • Pipes
      • Using Pipes
      • Custom Pipes
      • Stateful Pipes
    • Forms
      • Getting Started
      • Template-Driven Forms
        • Nesting Form Data
        • Using Template Model Binding
        • Validating Template-Driven Forms
      • Reactive/Model-Driven Forms
        • FormBuilder Basics
        • Validating FormBuilder Forms
        • FormBuilder Custom Validation
      • Visual Cues for Users
    • Modules
      • What is an Angular Module?
      • Adding Components, Pipes and Services to a Module
      • Creating a Feature Module
      • Directive Duplications
      • Lazy Loading a Module
      • Lazy Loading and the Dependency Injection Tree
      • Shared Modules and Dependency Injection
      • Sharing the Same Dependency Injection Tree
    • Routing
      • Why Routing?
      • Configuring Routes
      • Redirecting the Router to Another Route
      • Defining Links Between Routes
      • Dynamically Adding Route Components
      • Using Route Parameters
      • Defining Child Routes
      • Controlling Access to or from a Route
      • Passing Optional Parameters to a Route
      • Using Auxiliary Routes
    • State Management
      • Redux and @ngrx
        • Adding @ngrx to your Project
        • Defining your Main Application State
        • Example Application
        • Reading your Application State using Selectors
        • Actions
        • Modifying your Application State by Dispatching Actions
        • Reducers and Pure Functions
        • Reducers as State Management
        • Creating your Application's Root Reducer
        • Configuring your Application
        • Implementing Components
        • Component Architecture
        • Side Effects
        • Getting More From Redux and @ngrx
    • TDD Testing
      • The Testing Toolchain
      • Test Setup
        • Filename Conventions
        • Karma Configuration
        • TestBed Configuration (Optional)
        • Typings
        • Executing Test Scripts
      • Simple Test
      • Using Chai
      • Testing Components
        • Verifying Methods and Properties
        • Injecting Dependencies and DOM Changes
          • Overriding Components for Testing
        • Testing Asynchronous Actions
        • Refactoring Hard-to-Test Code
      • Testing Services
        • Testing Strategies for Services
        • Testing HTTP Requests
          • Using MockBackend
          • Alternative Mocking Strategy
          • Testing JSONP and XHR Back-Ends
        • Executing Tests Asynchronously
      • Testing Redux
        • Testing Simple Actions
        • Testing Complex Actions
        • Testing Reducers
        • Afterthoughts
    • Migrating Angular 1.x Projects to Angular 2
      • Migration Prep
        • Upgrading To Angular 1.3+ Style
        • Using Webpack
        • Migrating To TypeScript
      • Choosing an Upgrade Path
      • Avoiding Total Conversion
      • Using ng-metadata (Angular 1.x Using 2 Style)
        • Bootstrapping ng-metadata
        • Components and Services
      • Using ng-upgrade (Angular 1.x Coexisting With Angular 2)
        • Order of Operations
        • Replacing Services with TypeScript Classes
        • Bootstrapping ng-upgrade
        • Downgrading Components
        • Upgrading Components
        • Projecting Angular 1 Content into Angular 2 Components
        • Transcluding Angular 2 Components into Angular 1 Directives
        • Injecting Across Frameworks
    • Project Setup
      • Webpack
        • Installation and Usage
        • Loaders
        • Plugins
        • Summary
      • NPM Scripts Integration
    • Angular CLI
      • Setup
      • Creating a New App
      • Serving the App
      • Creating Components
      • Creating Routes
      • Creating Other Things
      • Testing
      • Linting
      • CLI Command Overview
      • Adding Third Party Libraries
      • Integrating an Existing App
    • Accessibility in Angular
      • Why Make my Application Accessible?
      • Key Concerns of Accessible Web Applications
        • Semantic Markup
        • Keyboard Accessibility
        • Visual Assistance
      • Testing for Accessibility
        • Is my Application Readable?
        • Is my Application Predictable?
        • Is my Application Navigable?
        • Testing with Screen Readers
      • Additional Resources
    • Internationalization in Angular
      • What is the process like and how is involved?
      • Marking text in our templates
      • Extracting translation text using the Angular CLI
      • How to import the completed translation files
        • Using the AoT Compiler
        • Using the JiT Compiler
    • Glossary
    • Further Reading And Reference
    暂无相关搜索结果！

      本文档使用 BookStack 构建

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      • 普通下载
      • 下载码下载(免登录无限下载)
      你与大神的距离，只差一个APP
      APP下载
      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档
      温馨提示 每天每在网站阅读学习一分钟时长可下载一本电子书，每天连续签到可增加阅读时长
      下载码方式下载：免费、免登录、无限制。 免费获取下载码

      微信小程序阅读

      BookChat 微信小程序阅读
      您与他人的薪资差距，只差一个随时随地学习的小程序

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度