Question

我正在进入Angular和Typescript池，并一直在组建一个我想要的Web应用程序，以了解它们。

我已经设法解决了大多数问题，但是这个问题让我很困惑。

在我的课堂上，我有一个数组：

export class HomeComponent {
    public user: User | undefined;
    public feedGroups: RSSFeedGroupProxy[] | undefined;

我在其中加载了数据，一切都很好。

在我的HTML中（这不是我打算将其布局的方式，只是为了演示我的问题），

<div class="row" *ngIf="feedGroups">
    <h2>{{ feedGroups[0].Name }}</h2>
    <div class="col-md-12">
        <div ng-for="let feedGroup of feedGroups; let i = index">
            <h3>{{i}} - {{ feedGroup ? feedGroup.Name : 'None' }}</h3>
        </div>
    </div>
</div>

div显示出来，我的<h2>标签给我“新闻”，这是第一组的名称。

但是在我的<h3>标签中，我得到：“-无”

我添加了i只是为了查看是否有索引。我还尝试了ng-repeat，并得到了相同的结果。

我很困惑。我敢肯定这是简单而愚蠢的事情。

谢谢。

Answer 1

Debes definir tu ng forasí：

*ngFor="let feedGroup of feedGroups; let i = index"

实际定义问题。

使用Angular，Typescript数组在某些情况下会显示为空，而在其他情况下则不会

1 个答案: