大佬教程收集整理的这篇文章主要介绍了Angular2路由，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
main.ts：
import * as ng from 'angular2/angular2';
import {Comp} from './comp';
@ng.Component({
selector: 'my-app'
})
@ng.View({
directives: [ng.formDirectives,ng.RouterOutlet],template: `
<nav>
<ul>
<li>Start</li>
<li>About</li>
<li>Contact</li>
</ul>
</nav>
<main>
<router-outlet></router-outlet>
</main>
`
})
@ng.RouteConfig([{ path: '/',component: Comp }])
class AppComponent {
}
ng.bootstrap(AppComponent,[ng.routerInjectables]);
comp.ts：
import * as ng2 from 'angular2/angular2';
@ng2.Component({
selector: 'comp'
})
@ng2.View({
template: `
<h1>hi<h1>
`
})
export class Comp {
constructor() {
}
}
index.html的：
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8" />
<title>Test3</title>
<script src="lib/traceur/traceur.js"></script>
<script src="lib/system.js/dist/system.js"></script>
<script src="lib/angular2-build/angular2.js"></script>
<script src="lib/angular2-build/router.dev.js"></script>
<script>
System.config({
packages: {
'js': {
defaultExtension: 'js'
}
}
});
System.import('/js/main');
</script>
</head>
<body>
<h1>Hello There</h1>
<my-app></my-app>
</body>
</html>
> routerInjectables已重命名为ROUTER_BINDINGS
>然后将ROUTER_BINDINGS重命名为ROUTER_PROVIDERS
旁白：最近发生了很多重大变化,因此几乎所有在线示例都不可靠.
使用ROUTER_PROVIDERS
这包括：
> RouteRegistry – 已定义路线的注册表
> LocationStrategy = PathLocationStragety – 按路径匹配路线
这基本上是使用默认设置引导路由器的快捷方式.
例如：
@Component ({
...
})
@View ({
...
})
@RouteConfig ({
...
})
class App {}
bootstrap(App,[ ROUTER_PROVIDERS ]);
资料来源：
以上是大佬教程为你收集整理的Angular2路由全部内容，希望文章能够帮你解决Angular2路由所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。