Tôi đã theo dõi this hướng dẫn định tuyến trong Angular và nó không hoạt động. Khi tôi sử dụng bộ chọn 'comp' để đặt mã HTML của nó, nó hoạt động, nhưng khi tôi cố định tuyến với bộ định tuyến, nó chỉ hiển thị tiêu đề từ index.html
.Angular2 Routing
tôi có như sau:
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>
Bạn đã nhận xét tệp 'router.dev.js' D:! –
Bạn nói đúng nhưng không phải vậy. Tôi đã đăng nhầm một phiên bản cũ hơn – user265732
Xem [ví dụ] này (https://github.com/angular/angular/blob/master/modules/examples/src/routing/inbox-app.ts) và xem phần nhập. Phiên bản bạn đang sử dụng? –