mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
6ddfff5cd5
This is a big change. @matsko also deserves much of the credit for the implementation.
Previously, `ComponentInstruction`s held all the state for async components.
Now, we introduce several subclasses for `Instruction` to describe each type of navigation.
BREAKING CHANGE:
Redirects now use the Link DSL syntax. Before:
```
@RouteConfig([
{ path: '/foo', redirectTo: '/bar' },
{ path: '/bar', component: BarCmp }
])
```
After:
```
@RouteConfig([
{ path: '/foo', redirectTo: ['Bar'] },
{ path: '/bar', component: BarCmp, name: 'Bar' }
])
```
BREAKING CHANGE:
This also introduces `useAsDefault` in the RouteConfig, which makes cases like lazy-loading
and encapsulating large routes with sub-routes easier.
Previously, you could use `redirectTo` like this to expand a URL like `/tab` to `/tab/posts`:
@RouteConfig([
{ path: '/tab', redirectTo: '/tab/users' }
{ path: '/tab', component: TabsCmp, name: 'Tab' }
])
AppCmp { ... }
Now the recommended way to handle this is case is to use `useAsDefault` like so:
```
@RouteConfig([
{ path: '/tab', component: TabsCmp, name: 'Tab' }
])
AppCmp { ... }
@RouteConfig([
{ path: '/posts', component: PostsCmp, useAsDefault: true, name: 'Posts' },
{ path: '/users', component: UsersCmp, name: 'Users' }
])
TabsCmp { ... }
```
In the above example, you can write just `['/Tab']` and the route `Users` is automatically selected as a child route.
Closes #4728
Closes #4228
Closes #4170
Closes #4490
Closes #4694
Closes #5200
Closes #5475
|
||
|---|---|---|
| .. | ||
| animate | ||
| docs | ||
| examples | ||
| http | ||
| manual_typings | ||
| platform | ||
| router | ||
| src | ||
| test | ||
| web_worker | ||
| angular2.dart | ||
| angular2.ts | ||
| angular2_sfx.dart | ||
| angular2_sfx.ts | ||
| animate.ts | ||
| bootstrap.ts | ||
| bootstrap_static.ts | ||
| common.ts | ||
| compiler.ts | ||
| core.ts | ||
| http.ts | ||
| instrumentation.ts | ||
| package.json | ||
| pubspec.yaml | ||
| README.dart.md | ||
| README.js.md | ||
| router.ts | ||
| test.ts | ||
| test_lib.ts | ||
| testing.ts | ||
| testing_internal.ts | ||
| tsconfig.json | ||
| tsd.json | ||
| upgrade.ts | ||
Angular2
The sources for this package are in the main Angular2 repo. Please file issues and pull requests against that repo. This is the repository for the upcoming 2.0 version. If you're looking for the current official version of Angular you should go to angular/angular.js
This package contains different sources for different users:
- The files located in the root folder can be consumed using CommonJS.
- The files under
/es6are es6 compatible files that can be transpiled to es5 using any transpiler. This contains:dev/: a development version that includes runtime type assertionsprod/: a production version that does not include runtime type assertions
- The files under
/tsare the TypeScript source files.
License: Apache MIT 2.0