Angular实现：通过{{CurrentItem.STATUS}}值控制HTML复选框选中状态

嘿，刚好知道怎么搞定这个问题！你想要不用JS/TS的纯Angular模板方案对吧？首先得说，你那套理想写法的思路是对的，但直接用插值绑定{{}}给checked属性赋值是行不通的——因为HTML里只要checked属性存在，不管它的值是字符串"true"还是"false"，复选框都会被选中。

Angular里正确的姿势是用属性绑定（也就是方括号语法），让框架帮你把表达式转换成布尔值，这样才能正确控制选中状态。给你两种靠谱的写法：

• 直接和1做全等比较，逻辑最清晰：

  <input type="checkbox" [checked]="CurrentItem.STATUS === 1">
  

• 利用JS的真值/假值特性简化写法（因为1是真值，0是假值，用!!把它转换成严格的布尔值）：

  <input type="checkbox" [checked]="!!CurrentItem.STATUS">
  

这两种写法都不需要额外的组件逻辑，纯模板就能搞定，完全符合你要的“无需JavaScript/TypeScript”的要求～

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