Angular应用TypeScript文件布尔值赋值报错问题咨询

你遇到的TS2304错误，根源是TypeScript（和JavaScript）里的布尔值关键字是全小写的false和true，你代码里写的False/True不是合法的语言关键字，所以编译器识别不了，报错提示找不到这些名称。

修正后的代码只需要把大写的False/True改成小写即可：

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

@Component({
  selector: 'app-todos',
  templateUrl: './todos.page.html',
  styleUrls: ['./todos.page.scss'],
})
export class TodosPage {
  todos = [
    {
      text: '完成前端开发',
      completed: false
    },
    {
      text: '苹果',
      completed: true
    },
    {
      text: '芒果',
      completed: true
    }
  ]
}

修正后，你可以正常用这个completed布尔值做后续逻辑：比如在组件模板里通过[class.completed]="todo.completed"给已完成的任务加样式，或者用*ngIf控制显示隐藏，组件类里也能通过todo.completed做条件判断。

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