Angular 2 ngFor 课程

Posted 2023-02-22

【中文标题】Angular 2 ngFor 课程

【英文标题】：Angular 2 ngFor course

【发布时间】：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]

【问题讨论】：

这有帮助吗？ ***.com/questions/37621065/…

该课程必须使用更旧版本的 angular.. 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>