为了账号安全,请及时绑定邮箱和手机立即绑定

Angular2异常:由于它不是已知的本机属性,因此无法绑定到“ routerLink”

Angular2异常:由于它不是已知的本机属性,因此无法绑定到“ routerLink”

鸿蒙传说 2019-11-27 12:52:45
显然,Angular2的beta版比新的要新,因此那里没有太多的信息,但是我正在尝试做一些我认为比较基本的路由。从https://angular.io网站窃取快速入门代码和其他代码片段导致了以下文件结构:angular-testapp/    app/        app.component.ts        boot.ts        routing-test.component.ts    index.html文件填充如下:index.html<html>  <head>    <base href="/">    <title>Angular 2 QuickStart</title>    <link href="../css/bootstrap.css" rel="stylesheet">    <!-- 1. Load libraries -->    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>    <script src="node_modules/systemjs/dist/system.src.js"></script>    <script src="node_modules/rxjs/bundles/Rx.js"></script>    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>    <script src="node_modules/angular2/bundles/router.dev.js"></script>    <!-- 2. Configure SystemJS -->    <script>      System.config({        packages: {                  app: {            format: 'register',            defaultExtension: 'js'          }        }      });      System.import('app/boot')            .then(null, console.error.bind(console));    </script>  </head>  <!-- 3. Display the application -->  <body>    <my-app>Loading...</my-app>  </body></html>引导程序import {bootstrap}    from 'angular2/platform/browser'import {ROUTER_PROVIDERS} from 'angular2/router';import {AppComponent} from './app.component'bootstrap(AppComponent, [    ROUTER_PROVIDERS]);app.component.tsimport {Component} from 'angular2/core';import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, LocationStrategy, HashLocationStrategy} from 'angular2/router';import {RoutingTestComponent} from './routing-test.component';@Component({    selector: 'my-app',    template: `        <h1>Component Router</h1>        <a [routerLink]="['RoutingTest']">Routing Test</a>        <router-outlet></router-outlet>        `})我在这里发现了一个模糊的相关问题;升级到angular2.0.0-beta.0后,router-link指令中断。但是,答案之一中的“有效示例”是基于beta版的代码-可能仍然可以使用,但是我想知道为什么我创建的代码不起作用。
查看完整描述

3 回答

?
HUH函数

TA贡献1836条经验 获得超4个赞

使用Visual Studio进行编码时的警告语(2013)


我已经浪费了4至5个小时来尝试调试此错误。我尝试通过字母找到在stackoverflow上找到的所有解决方案,但仍然出现此错误:Can't bind to 'routerlink' since it isn't a known native property


请注意,在复制/粘贴代码时,Visual Studio有自动格式化文本的讨厌习惯。我总是从VS13得到一个小的瞬时调整(骆驼的情况消失了)。


这个:


<div>

    <a [routerLink]="['/catalog']">Catalog</a>

    <a [routerLink]="['/summary']">Summary</a>

</div>

成为:


<div>

    <a [routerlink]="['/catalog']">Catalog</a>

    <a [routerlink]="['/summary']">Summary</a>

</div>

差异很小,但足以触发错误。最丑陋的部分是,每次我复制粘贴时,这种微小的差异一直在避免我的注意。碰巧的机会,我看到了这个微小的区别并解决了。


查看完整回答
反对 回复 2019-11-27
  • 3 回答
  • 0 关注
  • 703 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信