我做错了什么?
import {bootstrap, Component} from 'angular2/angular2'
@Component({
selector: 'conf-talks',
template: `<div *ngFor="talk of talks">
{{talk.title}} by {{talk.speaker}}
<p>{{talk.description}}
</div>`
})
class ConfTalks {
talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'},
{title: 't2', speaker: 'Julie', description: 'talk 2'}];
}
@Component({
selector: 'my-app',
directives: [ConfTalks],
template: '<conf-talks></conf-talks>'
})
class App {}
bootstrap(App, [])
错误是
EXCEPTION: Template parse errors:
Can't bind to 'ngFor' since it isn't a known native property
("<div [ERROR ->]*ngFor="talk of talks">
Angular2测试版中使用的此语句.....
以后用let代替#
let关键字用于声明局部变量
另一个导致操作错误的错误可能是在中使用:
<div *ngFor="let talk in talks">
您应该改用
:
<div *ngFor="let talk of talks">
我在talk
前面错过了let
:
<div *ngFor="let talk of talks">
请注意,从Beta.17开始,不推荐使用#...
在结构化指令(如NgFor)中声明局部变量。改用let
。
现在变为
原答案:
我错过了talk
前面的#
:
<div *ngFor="#talk of talks">
很容易忘记#
。我希望Angular exception错误消息会改为:您忘记了#again
。
很明显Angular2的beta版本比new版本更新,所以没有太多的信息,但我想做的是一些基本的路由。 使用https://angular.io网站中的快速启动代码和其他片段进行黑客攻击,导致以下文件结构: 文件填充如下: index.html BOOT.TS app.component.ts 路由-test.component.ts 尝试运行此代码会产生错误: 我在这里发现了一个隐约相关的问题;
是的,这可能是第一百次有人遇到这个问题,但没有解决办法对我有效。。。 我使用角2.0.0 rc和什么都不会工作,我想我错过了一些东西,但我不知道是什么 这是我的文件,它们都可以正确传输,是的,我尝试使用不推荐的路由,是的,我根据文档做了,两者都不起作用。 app.component.ts 主要的ts 指数html 其余的文件几乎都是教程中的复制粘贴,所以我不会用更多的代码来垃圾邮件。。。 更新,我
我必须动态地创建一个复选框列表 无法绑定到“for”,因为它不是已知的本机属性 angular2 新错误消息 未处理的promise拒绝:模板分析错误:无法绑定到“for”,因为它不是“label”的已知属性。 这是我的plnkr显示错误:http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview 我的代码中哪里出错了?
我试图在这里遵循基本的Angular 2教程: https://angular.io/docs/js/latest/guide/displaying-data.html 我可以让angular应用程序加载并显示我的名字,代码如下: 但是,当我尝试添加字符串数组并尝试使用ng for显示它们时,它会抛出以下错误: 以下是代码: 我错过了什么?
我已经将我的应用程序从Angular 2升级到Angular 6版本。ng build--prod正在成功构建应用程序。我能够登录到我的应用程序和50%的功能是完美的工作,在一些选项不工作和抛出下面的异常:
我做错了什么? 错误是