角6 *ngFor指令不起作用
角6 *ngFor指令不起作用
提问于 2018-05-30 08:23:15
在将cli升级到v6之后，我刚刚创建了一个新项目，并使用角材料util添加了仪表板布局。
我只是在胡闹，意识到ngFor不是为我工作的。
我确保CommonModule是导入的，我检查其他指令是否像*ngIf一样工作。我是做错了什么，还是在更新后出现了故障？
测试组件：
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-test',
templateUrl: './test.component.html',
styleUrls: ['./test.component.css']
})
export class TestComponent implements OnInit {
topics: ['C','C#']
constructor() { }
ngOnInit() {
}
}Html：
<div>
<p>Topics</p>
<ul>
<li *ngFor="let topic of topics">{{topic}}</li>
</ul>
</div>我只是把我的应用测试组件放在由仪表板快速启动构建的卡片中，以下是呈现的内容。
截图：
吴-版本：
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-05-30 08:32:17
您被声明为变量，但没有初始化它。试试看
export class TestComponent implements OnInit {
topics: [] = ['C','C#']
constructor() { }
ngOnInit() {
}
}解释：
在这段代码中，topics: ['C','C#']如何处理类型记录。['C','C#']是topics变量的数据类型，而不是为该变量赋值。因此，您应该提供如下数据
topics :[]= ['C','C#']
Stack Overflow用户
发布于 2018-05-30 08:32:03
您正在声明主题的类型()，而不是初始化它。
试一试
测试组件
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-test',
templateUrl: './test.component.html',
styleUrls: ['./test.component.css']
})
export class TestComponent implements OnInit {
topics: string[]
constructor() {
this.topics=['C','C#'];
}
ngOnInit() {}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50599774
复制相关文章
相似问题
腾讯云开发者
