个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
我已经按照angular2的官方指南学习了angular2。当我使用angular2-alpha28时，一切正常!将 angular2 更改为 alpha36 时，它不起作用!它显示以下错误:
EXCEPTION: Error during instantiation of Token(Promise<ComponentRef>)!.
angular2.dev.js:22746 ORIGINAL EXCEPTION: TypeError: Cannot read property 'toString' of undefined
angular2.dev.js:22746 ORIGINAL STACKTRACE:
angular2.dev.js:22746 TypeError: Cannot read property 'toString' of undefined
at new InvalidBindingError (angular2.dev.js:9171)
at _resolveBindings (angular2.dev.js:27377)
at Function.execute.Injector.resolve (angular2.dev.js:28030)
at Function.execute.DirectiveBinding.createFromBinding (angular2.dev.js:28611)
at Function.execute.DirectiveBinding.createFromType (angular2.dev.js:28643)
at execute.Compiler._bindDirective (angular2.dev.js:29892)
at execute.Compiler.compileInHost (angular2.dev.js:29908)
at execute.DynamicComponentLoader.loadAsRoot (angular2.dev.js:17421)
at angular2.dev.js:30555
at Injector.execute.Injector._instantiate (angular2.dev.js:27893)
这是我的 ts 代码:
/// <reference path="typings/angular2/angular2.d.ts" />
import { Component, View, bootstrap, NgFor, NgIf, Inject, forwardRef} from 'angular2/angular2';
@Component({
selector: "my-app",
bindings: [FriendsService]
})
@View({
template: `<h1>Hello {{ name }}</h1>
<p>Friends:</p>
<ul>
<li *ng-for="#name of names">{{ name }}</li>
</ul>
<p *ng-if="names.length > 3">Has many friends!</p>
<input #myname (keyup)>
<p>{{myname.value}}</p>
<input #nametext>
<button (click)="addName(nametext.value)">Add Name</button>
`,
directives: [NgFor, NgIf]
})
//Component controller
class MyAppComponent {
name: string;
names: Array<string>;
constructor(@Inject(forwardRef( () => FriendsService )) friendsService: FriendsService) {
this.name = 'Alice';
this.names = friendsService.names;
}
addName(name: string) {
this.names.push(name);
}
doneTyping($event) {
if($event.which === 13) {
this.addName($event.target.value);
$event.target.value = null;
}
}
}
class FriendsService {
names: Array<string>;
constructor() {
this.names = ["Alice", "Aarav", "Martin", "Shannon", "Ariana", "Kai"];
}
}
bootstrap(MyAppComponent,[FriendsService]);
和 html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Angular 2 Quickstart</title>
<script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"></script>
<script src="https://jspm.io/system@0.16.js"></script>
<script src="https://code.angularjs.org/2.0.0-alpha.36/angular2.dev.js"></script>
</head>
<body>
<my-app></my-app>
<script>System.import('app');</script>
</body>
</html>
最佳答案
虽然这不是 OP 中的问题，但如果您在装饰器之后错误地添加了一个分号，您也会遇到此错误:
@Component({
selector: 'my-app',
template: `...`
}); // <--- this extraneous ';' will cause the error
export class AppComponent {
...
}
通常，此错误可能是您传递给 @Component 的配置对象中某处拼写错误的结果。例如，另一个答案提到了一个未闭合的字符串，即缺少 "。
关于angular - 使用 angular2-alpha36 时出现错误 "Error during instantiation of Token(Promise<ComponentRef>)!."，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32393040/
25
4
0
如何从 promise 中退出 promise ？ perl6 文档没有提供简单的方法。例如: my $x = start { loop { # loop forever until "qui
我的用户 Controller 中有一个索引操作，其中我试图连续做两件事，并且在它们都有机会完成之前不执行所需的 res.json() 方法。 我有一个加入用户的友谊加入模型。一列是 friender
请帮我解释一下为什么日志结果有两种不同: 方式 1:每 1 秒顺序记录一次 方式 2:1 秒后记录所有元素。 // Way 1 let sequence = Promise.resolve(); [1
我的问题很简单。 Promise.all() 方法可以返回 Promise 吗？让我解释一下: function simpleFunction() { let queue = [];
我正在使用 Promise 从存储中读取文件并转换为 base64 字符串。我有图像数组，使用 RNFS 读取图像 const promise_Images = _Images.map(async (
如果使用非空数组调用 Promise.all 或 Promise.race，它们将返回一个待处理的 Promise: console.log(Promise.all([1])); // prints
Promise.all 是否可以在没有包装 promise 的情况下返回链的最后一个值？ 如果不使用 await，它在我的上下文中不起作用 没有包装的例子: function sum1(x){ r
我一直在玩 promise，通常能想出如何处理好它们，但在这种情况下，我不知道如何删除一个 promise-wrapping level。 代码如下: let promise2 = promise1.
考虑以下嵌套的Promises结构: const getData = async() => { const refs = [{ name: "John33", age: 3
我已经阅读了 Promise/A+ 规范，但据我了解，还有诸如 Promise/A 和 Promise 之类的东西。它们之间有什么区别？ Promise 和 Promise/A 规范也是如此吗？如果是
当我运行以下代码时: my $timer = Promise.in(2); my $after = $timer.then({ say "2 seconds are over!"; 'result'
以下简单的 promise 是发誓的，我不允许打破它。 my $my_promise = start { loop {} # or sleep x; 'promise re
我正在尝试扩展Promise: class PersistedPromise extends Promise { } 然后在派生类上调用静态resolve以直接创建一个已解决的Promise: Per
我有两个返回 promise 的函数，我独立使用它们作为: getLocal().then(...) 和 getWeb().then(...) 但是现在我遇到了一个奇怪的问题: 1) 我需要第三个
我不知道 promise.all 解决方案中的 promise.all 是否是一个好的实践。我不确定。 我需要从一组用户获取信息，然后通过此信息响应，我需要发送消息通知。 let userList =
我一直在尝试使用 queueMicrotask() 函数，但我没有弄清楚当回调是微任务时回调的优先级如何。查看以下代码: function tasksAndMicroTasks() { const
我一直在尝试使用 queueMicrotask() 函数，但我没有弄清楚当回调是微任务时回调的优先级如何。查看以下代码: function tasksAndMicroTasks() { const
今年早些时候，我在 Pharo Smalltalk 参与了一个 promise 项目。这个想法是为了实现以下行为: ([ 30 seconds wait. 4 ]promiseValue )then:
大家好，提前感谢您的帮助。 下面是我正在尝试做的事情 function1(){ throw some error(); } function2() { // dosomething suc
我有以下未解析的代码。f2 解决了，所以我不会添加该代码，它是 f1 我有问题。 我调用函数，它到达最里面如果，它调用函数“find”，它执行函数 findId，完美返回 Id，然后执行 editId
我是一名优秀的程序员,十分优秀！