Javascript Can';t绑定到';routerlink';因为它不是';t使用angular2 webpack starter创建已知的本机属性
我使用Angular2路由器有问题,我无法解决 这是我的index.htmlJavascript Can';t绑定到';routerlink';因为它不是';t使用angular2 webpack starter创建已知的本机属性,javascript,angular,routing,angular2-routing,Javascript,Angular,Routing,Angular2 Routing,我使用Angular2路由器有问题,我无法解决 这是我的index.html <html lang=""> <head> <title>Angular2 Webpack Starter by @gdi2990 from @AngularClass</title> ... <script src="https://code.angularjs.org/tools/system.js"></script> &l
<html lang="">
<head>
<title>Angular2 Webpack Starter by @gdi2990 from @AngularClass</title>
...
<script src="https://code.angularjs.org/tools/system.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2.dev.js"></script>
<!-- base url -->
<base href="/">
<!--
Angular 2
ES6 browser shim
-->
<script src="/lib/es6-shim.js"></script>
</head>
<body>
<app>
Loading...
</app>
......
</body>
</html>
Angular2网页包启动器由@gdi2990从@AngularClass提供
...
尝试添加这些
指令:[主组件中的RouterOutlet、RouterLink、ROUTER_指令]
指令:[RouterOutlet,RouterLink]在子组件中您的网页配置中似乎有东西在小写您的HTMLI使用html缩略器时遇到了同样的问题
。添加选项caseSensitive:true
修复了这个问题。应该从何处导入这些内容?从'angular2/ROUTER'导入{RouteConfig,ROUTER_DIRECTIVES};
/*
* Angular 2 decorators and services
*/
import {Directive, Component, View, ElementRef} from 'angular2/angular2';
import {RouteConfig, Router} from 'angular2/router';
import {Http, Headers} from 'angular2/http';
/*
* Angular Directives
*/
import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2';
import {ROUTER_DIRECTIVES} from 'angular2/router';
import {RouterLink} from 'angular2/router';
import {Home} from '../components/home/home';
import {Banner} from '../components/banner/banner';
import {PickVideo} from '../components/pickvideo/pickvideo'
/*
* App Component
* Top Level Component
*/
@Component({
selector: 'app',
directives: [ CORE_DIRECTIVES, FORM_DIRECTIVES, ROUTER_DIRECTIVES, RouterLink, Home, Banner ],
...
template: `
<div class="container">
<header>
<banner></banner>
</header>
<main>
<router-outlet></router-outlet>
</main>
</div>
`
})
@RouteConfig([
{ path: '/', redirectTo: 'home'},
{ path: '/home', as: 'Home', component: Home },
{ path: '/pick-video', as: 'PickVideo', component: PickVideo}
])
<li class="active">
<a [routerLink]="['Home']">NAME YOUR APP</a>
</li>
<li>
<a [routerLink]="['PickVideo']">PICK YOUR VIDEOS</a>
</li>