【问题标题】:Angular 2 ngFor courseAngular 2 ngFor 课程
【发布时间】:2018-04-25 05:17:00
【问题描述】:

我目前在 Udemy 上一门课程,遇到了一个问题,如果你能解决它,我会很高兴,因为我在程序中还是比较新的,我在网上搜索了很多答案。

compiler.js:466 未捕获错误:模板解析错误: 解析器错误:在 [#user of users, #i=index] in ng:///AppModule/AppComponent.html@41:12 ("

<ul>
    <li [ERROR ->]*ngFor="#user of users, #i=index">
        ({{i+1}}) {{user.firstName}} <em>{{user.email}}</em>  "): ng:///AppModule/AppComponent.html@41:12 Parser Error: Unexpected token

在 ng:///AppModule/AppComponent.html@41:12 中 [#user of users, #i=index] 的第 1 列(“

<ul>
    <li *ngFor="#user of users, #i=index">[ERROR ->]
        ({{i+1}}) {{user.firstName}} <em>{{user.email}}</em>
    </li>
</ul>"): ng:///AppModule/AppComponent.html@41:46 Parser Error: Unexpected token # at column 1 in [#user of users, #i=index] in

ng:///AppModule/AppComponent.html@41:12 ("

    ({{i+1}}) {{user.firstName}} [错误 ->]{{user.email}}
"): ng:///AppModule/AppComponent.html@42:45 无法绑定到 'ngFor',因为它不是 'li' 的已知属性。("
<ul>
    <li [ERROR ->]*ngFor="#user of users, #i=index">
        ({{i+1}}) {{user.firstName}} <em>{{user.email}}</em>  "): ng:///AppModule/AppComponent.html@41:12
at syntaxError (compiler.js:466)
at TemplateParser.parse (compiler.js:24312)
at JitCompiler._parseTemplate (compiler.js:33699)
at JitCompiler._compileTemplate (compiler.js:33674)
at eval (compiler.js:33576)
at Set.forEach (<anonymous>)
at JitCompiler._compileComponents (compiler.js:33576)
at eval (compiler.js:33446)
at Object.then (compiler.js:455)
at JitCompiler._compileModuleAndComponents (compiler.js:33445)

[我在网站上什么也没看到][1]

【问题讨论】:

标签: visual-studio-code angular2-directives ngfor


【解决方案1】:

删除 #users 并在那里执行 let users

    <ul>
    <li *ngFor="let user of users; let i=index">
        ({{i+1}}) {{user.firstName}} <em>{{user.email}}</em>
    </li>
    </ul>

【讨论】:

    猜你喜欢
    • 2017-09-20
    • 2018-10-13
    • 2018-06-01
    • 2017-05-07
    • 2016-09-17
    • 2017-05-24
    • 1970-01-01
    • 2018-03-23
    • 2016-10-15
    相关资源
    最近更新 更多