Angular中poll-vote组件ts数组通过*ngFor在HTML不渲染问题

问题原因 #

你代码的核心错误出在poll-vote.component.ts中Options变量的定义语法：
你当前写的Options: ['Monday', 'Tuesday', 'Wednesday'];是TypeScript的类型声明语法，冒号:后面跟的是变量的类型，而非变量的值。此时Options变量仅定义了类型，没有实际赋值，默认值为undefined，*ngFor无法遍历空值，所以页面不会渲染任何选项。

修复方案 #

把Options的定义语法从冒号改为等号=完成赋值即可：

// 修复前（错误写法，仅声明类型未赋值）
// Options: ['Monday', 'Tuesday', 'Wednesday'];

// 修复后（正确赋值）
Options = ['Monday', 'Tuesday', 'Wednesday'];

如果需要显式声明变量类型，可以补充类型定义：

// 显式声明为字符串数组类型
Options: string[] = ['Monday', 'Tuesday', 'Wednesday'];

修改后保存代码，页面即可正常渲染三个单选选项，表单提交功能也能正常获取选中项的索引值。

内容的提问来源于stack exchange，提问作者MUHAMMAD MESUM