我试图在使用Angular 6加载页面时选中默认复选框

我试图在使用Angular 6加载页面时选中默认复选框,angular,typescript,Angular,Typescript,我试图在加载页面时选中默认复选框。这是我的 组成部分 var user = ViewprojectComponent.featuresList1; this.rules_id = user[0]; for(let i = 0; i <= this.rules_id.length; i++) { var checkedOn1 = this.rules_id[i]; this.Rules = checkedOn1.rule_id; this.checkedOn.push(this.

我试图在加载页面时选中默认复选框。这是我的 组成部分

var user = ViewprojectComponent.featuresList1;
this.rules_id = user[0];
for(let i = 0; i <= this.rules_id.length; i++)
{
  var checkedOn1 = this.rules_id[i];
  this.Rules = checkedOn1.rule_id;
  this.checkedOn.push(this.Rules)
}
HTML是

{{feature}} {{rule.rule_name} 看法
您可以将复选框的默认值声明为true

复选框已选中取消选中
一些编码实践建议-1您应该避免使用var,而应该使用let。2应避免使用组件名称从中获取数据。ViewprojectComponent.featuresList1;这不是个好习惯。来回答你的问题。那么你哪里错了?谢谢你的建议。我需要根据后端数据选中复选框,如果我找到了“用于数据”复选框,则应自动选中该复选框。您是否在html中正确获取了规则名称?是的,我同时获取了规则名称和规则名称。请显示您正在使用的功能列表1 json。以上答案对于我的解决方案不适用