显示来自 Web Api 的数据时出现 angular 2 错误答案

【问题标题】：angular 2 error while displaying data from web Api显示来自 Web Api 的数据时出现 angular 2 错误
【发布时间】：2017-02-25 11:12:54
【问题描述】：

在客户端显示从 API 获取的数据时出现问题链接中的错误如下（请参阅错误链接）

角度 2.0.0-beta.0 rxjs 5.0.0.beta

Error 1
Error 2

<div *ngFor="let model of models">
<div class="row">
    <div class="col-md-12">
        <div class="media">
            <div class="media-left">
                <a href="#">
                    <img class="media-object" src="{{model.imageUrl}}" alt="..." style="width:40px; height:40px;">
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">{{model.question}}</h4>

                <p class="text-justify">
                    {{model.answer}}
                </p>
            </div>
        </div>
    </div>
</div>
</div>

【问题讨论】：

你使用的是哪个 Angular2 版本？
更新 angular 2 版本 "angular2": "2.0.0-beta.17", && "rxjs": "5.0.0-beta.6", "zone.js": "0.6. 12",

标签： angular asp.net-web-api

【解决方案1】：

如果您使用比beta.17 更旧的版本，则需要使用# 而不是let

Plunker example 重现了同样的错误。将 let 更改为 # 可以解决此问题。

很长一段时间以来，无需导入FORM_DIRECTIVES 或将其添加到指令中。

【讨论】：

角度 2.0.0-beta.0
谢谢先生，问题通过使用 # 而不是 let 解决了

【解决方案2】：

在 Angular2 的 beta / rc 版本中，NgFor 是一个平台指令，因此您的组件中无需包含任何内容即可使用它。因此，您似乎使用的是旧版本的 Angular2（可能是 alpha），您需要明确地包含它：

@Component({
  template: `
    (...)
  `,
  directives: [ NgFor ]
})

【讨论】：