Angular 使用角度,Typescript数组在某些情况下显示为空,而在其他情况下则显示为空
我涉水进入Angular和Typescript池,一直在组装一个我想要的web应用程序,作为熟悉它们的一种方式 我的大多数问题我都设法解决了,但这一个让我难堪 在我的类中,我有一个数组:Angular 使用角度,Typescript数组在某些情况下显示为空,而在其他情况下则显示为空,angular,typescript,Angular,Typescript,我涉水进入Angular和Typescript池,一直在组装一个我想要的web应用程序,作为熟悉它们的一种方式 我的大多数问题我都设法解决了,但这一个让我难堪 在我的类中,我有一个数组: export class HomeComponent { public user: User | undefined; public feedGroups: RSSFeedGroupProxy[] | undefined; 我加载了数据,一切都很好 在我的HTML中(这不是我计划的布局方式,只
export class HomeComponent {
public user: User | undefined;
public feedGroups: RSSFeedGroupProxy[] | undefined;
我加载了数据,一切都很好
在我的HTML中(这不是我计划的布局方式,只是为了演示我的问题),我有:
{{feedGroups[0].Name}
{{i}}-{{feedGroup?feedGroup.Name:'None'}
div显示,我的
标记给我“News”,这是第一个组的名称
但是在我的
标签中,我得到了:“-None”
我添加了I
,只是想看看是否有索引。我还尝试了ng repeat
,得到了相同的结果
我被难住了。我相信这是件简单而愚蠢的事
谢谢。你的帖子让人困惑。看起来你混合了Angular(2+)和
ngIf
,AngularJS(1.x)和ng repeat
,以及ng for
(?)。你用的是什么版本的Angular?@R.Richards我用的是4.2.5。我想我并没有真正得到区别。AngularJS是不同的版本还是旧版本?我怎么区分这两个呢?谢谢大家。我让它工作了。@Pete很高兴你让它工作了。是的,AngularJS(您使用的)和AngularJS是不同的;AngularJS是一个旧版本,与新版本不兼容。祝你的应用程序好运!
<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>