Angular2 * ng不显示数组数据-Java 学习之路

我正在使用Angular 5并进行速成课程 . 我实际上已经远远超过了使用ngFor指令，但我正在做一个练习作业的一部分，我正在尝试做的第一件事就是不会循环显示数据 . 我有其他项目在哪里工作，但这个没有，我很困惑 . 知道这是愚蠢的事情 .

零件

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  subscriptions: ['Basic', 'Advanced', 'Pro'];
}

HTML模板

<div class="container">
  <div class="row">
    <div class="col-xs-12>
      <p *ngFor="let subscription of subscriptions">{{subscription}}</p>
    </div>
  </div>
</div>

很简单，是吗？我实际上把它放入选择输入的选项元素中，但是这不起作用，所以我想我会尝试更简单的东西但它仍然无法正常工作 . 由此产生的html具有内容将会发生的地方，但我并不知道这究竟意味着什么 .

谢谢

2 回答

2
您需要分配数组值
```
subscriptions =  ['Basic', 'Advanced', 'Pro'];
```
DEMO
回复于 2024-05-04T02:11:59+08:00
0
您可以在Angular中使用 *ngFor 在列表中显示每个数组数据 .

您的代码中的数组分配错误 .
```
export class AppComponent {
  subscriptions: ['Basic', 'Advanced', 'Pro'];
}
```
数组赋值应该是：
```
export class AppComponent {
  subscriptions =  ['Basic', 'Advanced', 'Pro'];
}
```
more details
回复于 2024-05-04T02:11:59+08:00

Angular2 * ng不显示数组数据

2 回答

相关问题