无法绑定到“routerlink”，因为它不是使用angular2-webpack-starter的已知本机属性[重复]
我有问题使用Angular2路由器，我不能解决它。
<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>
/*
* 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>
我还在breadcrumb.ts导入ROUTER_DIRECTIVES
但是当我打开浏览器时，异常如下所示：
无法绑定到'routerlink'，因为它不是Breadcrumb>ol:nth-child(0)>li:nth-child(1)>a:nth-child(1)[[routerlink]=['home']]中的已知本机属性
共有1个答案
尝试添加这些
指令:[RouterOutlet,RouterLink,ROUTER_DIRECTIVES]在主组件中
指令:[RouterOutlet,RouterLink]在子组件中
-
是的，这可能是第一百次有人遇到这个问题，但没有解决办法对我有效。。。 我使用角2.0.0 rc和什么都不会工作，我想我错过了一些东西，但我不知道是什么 这是我的文件，它们都可以正确传输，是的，我尝试使用不推荐的路由，是的，我根据文档做了，两者都不起作用。 app.component.ts 主要的ts 指数html 其余的文件几乎都是教程中的复制粘贴，所以我不会用更多的代码来垃圾邮件。。。 更新，我
-
我必须动态地创建一个复选框列表 无法绑定到“for”，因为它不是已知的本机属性 angular2 新错误消息 未处理的promise拒绝：模板分析错误：无法绑定到“for”，因为它不是“label”的已知属性。 这是我的plnkr显示错误:http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview 我的代码中哪里出错了？
-
我更新我们的应用程序从rc4到angular2.0.0之一，我得到一个模板解析错误在运行时。这是我的视图模板： 错误在routerlink上。以下是错误： 路由器链接在我看来并不畸形...我到底做错了什么？
-
很明显Angular2的beta版本比new版本更新，所以没有太多的信息，但我想做的是一些基本的路由。 使用https://angular.io网站中的快速启动代码和其他片段进行黑客攻击，导致以下文件结构： 文件填充如下： index.html BOOT.TS app.component.ts 路由-test.component.ts 尝试运行此代码会产生错误： 我在这里发现了一个隐约相关的问题；
-
我生成了新的@Directive角CLI, 并且我尝试在我的组件中使用(ChatWindowComponent) 即使within指令只是Angular CLI生成的代码: 我得到了错误: zone.js：388 未处理的promise拒绝：模板解析错误：无法绑定到“appContenteditableModel”，因为它不是“p”的已知属性。 我尝试了几乎所有可能的变化,t 有帮助吗？
-
我试图在这里遵循基本的Angular 2教程： https://angular.io/docs/js/latest/guide/displaying-data.html 我可以让angular应用程序加载并显示我的名字，代码如下： 但是，当我尝试添加字符串数组并尝试使用ng for显示它们时，它会抛出以下错误： 以下是代码： 我错过了什么？