- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我正在使用 TypeScript 6.0.0 试验 Angular2 alpha35。我的 index.html 加载了一个 headerFooter 组件。然后,我向其中添加了 router-outlet 标签,以在其间插入多个页面。 How to change router by typescript in angular2? 处的代码帮助消除了几个错误,但经过几个小时的颠簸,我仍然在 @RouteConfig 中收到 TypeScript 错误,即预期的“,”。在 。 . . ( : 就在组件之后),并且在它找到的部分页面组件中出现意外@ token 的控制台错误(GET home.js 没问题),但无法加载/插入。这是相关代码。 app.ts、index.html 和 home.js 都在同一个目录中。
index.html
<residence-app><h1>Loading . . .</h1></residence-app>
应用.ts
/// <reference path="../angular2-oPost/typings/angular2/angular2.d.ts" />
"use strict";
import { Component, View, bootstrap, Directive } from "angular2/angular2";
import { routerInjectables, routerDirectives, Router, RouterOutlet, RouteConfig, RouterLink } from 'angular2/router';
import { Home } from "home";
@Component({
selector: 'residence-app'
})
@View({
directives: [ RouterOutlet, RouterLink, Home ],
templateUrl: "components/navigation/headerFooter.html",
styleUrls: ['commonStyles/headerFooter.css']
})
@RouteConfig( [ {path: '/home', as: component: Home } ] )
// TypeScript error ',' expected. at line 32 col48 ( : right after component), but a , causes 2 other errors
class ResidenceApp {
}
bootstrap( ResidenceApp,
[
routerInjectables
] );
headerFooter.html有几个div和下面的标签用来插入部分页面组件
<router-outlet></router-outlet>
home.js是在headerFooter.html的router-outlet中插入的首页测试组件
"use strict";
import { Component, View, bootstrap, Directive } from "angular2/angular2";
@Component({
//Error loading "home" from "app" at http://localhost/angular2-oPost/app.js
//http://localhost/angular2-oPost/home.js:3:1: Unexpected token @ (WARNING: non-Error used)"
selector: "home"
})
@View({
template: `<h1>Home page under construction</h1>
<a router-link='home'>Home Page</a>`
})
class Home {
}
bootstrap( Home );
最佳答案
首先,你的路线坏了
@RouteConfig( [ {path: '/home', as: component: Home } ] )
您需要定义别名并将其设为 CamelCase(技术上是 PascalCase)
此外 as
参数已更改为 name
@RouteConfig([{ path: '/home', name: 'Home', component: Home }])
来源:
其次,您的路由器 Bootstrap 已损坏
bootstrap(ResidenceApp, [ routerInjectables ]);
routerInjectables
已替换为 ROUTER_PROVIDERS
bootstrap(ResidenceApp, [ ROUTER_PROVIDERS ]);
来源:
第三,您需要提供到Home
的正确路径
import { Home } from "home";
import angular2/angular2
之所以有效,是因为 config.js 包含它的别名。 config.js 不包含项目组件的别名(除非您手动添加它们),因此您必须通过相对路径导入。
import { Home } from "./components/home";
第四,你的routerLink不工作
<a routerLink='home'>Home Page</a>`
它必须指向别名,使用正确的单向绑定(bind)。
<a [routerLink]="['./Home']">Home Page</a>`
注意:routerLink
中的链接expression 指向别名(即路由中定义的 name
字段,因此它也需要是 CamelCase。
来源:
第五,你需要配置Home
要包含的组件 RouterLink
import { RouterLink } from 'angular2/router';
...
@View({
directives: [ RouterLink ],
template: `<h1>Home page under construction</h1>
<a routerLink='home'>Home Page</a>`
})
class Home {
...
呼...我想这就是一切。
另外:最近对路由器进行了很多重大更改,因此基本上在线提供的所有示例都已损坏。
更新:
密切关注。在未来的版本中 RouterOutlet
/<router-outlet>
将被 RouterViewport
取代/<router-viewport>
.
更新2:
路线 as
参数已更改为 name
来源:
更新2:
重大变化:
[router-link]
-> [routerLink]
感谢@Mike Laird 的评论。
关于typescript - Angular2路由,使用TypeScript,编译报错,获取意外token Console报错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32339835/
我正在开发一个应用程序,它使用 OAuth - 基于 token 的身份验证。 考虑到我们拥有访问和刷新 token ,这就是流程的样子。 Api call -> intercepter append
如何取消标记此代码的输出? 类(class)核心: def __init__(self, user_input): pos = pop(user_input) subject = ""
当我使用命令 kubectl 时与 --token标记并指定 token ,它仍然使用 kubeconfig 中的管理员凭据文件。 这是我做的: NAMESPACE="default" SERVICE
我正在制作 SPA,并决定使用 JWT 进行身份验证/授权,并且我已经阅读了一些关于 Tokens 与 Cookies 的博客。我了解 cookie 授权的工作原理,并了解基本 token 授权的工作
我正在尝试从应用服务获取 Google 的刷新 token ,但无法。 日志说 2016-11-04T00:04:25 PID[500] Verbose Received request: GET h
我正在开发一个项目,只是为了为 java 开发人员测试 eclipse IDE。我是java新手,所以我想知道为什么它不起作用,因为我已经知道该怎么做了。这是代码: public class ecli
我正在尝试使用 JwtSecurityTokenHandler 将 token 字符串转换为 jwt token 。但它出现错误说 IDX12709: CanReadToken() returned
我已阅读文档 Authentication (来自 Facebook 的官方)。我仍然不明白 Facebook 提供的这三种访问 token 之间的区别。网站上给出了一些例子,但我还是不太明白。 每个
我的部署服务器有时有这个问题,这让我抓狂,因为我无法在本地主机中重现,我已经尝试在我的 web.config 中添加机器 key ,但没有成功远。 它只发生在登录页面。 我的布局:
我已经设法获得了一个简单的示例代码,它可以创建一个不记名 token ,还可以通过阅读 stackoverflow 上的其他论坛来通过刷新 token 请求新的不记名 token 。 启动类是这样的
如果我有以前的刷新 token 和使用纯 php 的访问 token ,没有 Google Api 库,是否可以刷新 Google Api token ?我在数据库中存储了许多用户刷新和访问 toke
我通过 Java 应用程序使用 Google 电子表格时遇到了问题。我创建了应用程序,该应用程序运行了 1 年多,没有任何问题,我什至在 Create Spreadsheet using Google
当我有一个有效的刷新 token 时,我正在尝试使用 Keycloak admin REST API 重新创建访问 token 。 我已经通过调用 POST/auth/realms/{realm}/p
我正在尝试让第三方 Java 客户端与我编写的 WCF 服务进行通信。 收到消息时出现如下异常: Cannot find a token authenticator for the 'System.I
在尝试将数据插入到我的 SQl 数据库时,我收到以下错误 System.Data.SqlServerCe.SqlCeException: There was an error parsing the
使用数据库 session token 系统,我可以让用户使用用户名/密码登录,服务器可以生成 token (例如 uuid)并将其存储在数据库中并将该 token 返回给客户端。其上的每个请求都将包
我最近注册了 Microsoft Azure 并设置了认知服务帐户。使用 Text Translation API Documentation 中的说明我能够使用 interactive online
我使用 IAntiforgery API 创建了一个 ASP.Net Core 2 应用程序。 这提供了一种返回 cookie 的方法。 客户端获取该 cookie,并在后续 POST 请求中将该值放
我正在使用 spacy 来匹配某些文本(意大利语)中的特定表达式。我的文本可以多种形式出现,我正在尝试学习编写一般规则的最佳方式。我有如下 4 个案例,我想写一个适用于所有案例的通用模式。像这样的东西
我无法理解 oauth 2.0 token 的原则处理。 我的场景是,我有一个基于 web 的前端后端系统,带有 node.js 和 angular 2。用户应该能够在此站点上上传视频。然后创建一些额
我是一名优秀的程序员,十分优秀!