Javascript 基于json值隐藏/显示复选框

我有4个复选框，我想根据JSON中的值隐藏/显示它们。我将在JSON中只获得复选框的一个名称，并且只有那个特定的复选框将显示给用户，并且它将被标记为选中。我该怎么做？这是我的材料复选框代码

<div fxLayout="row wrap" class="py-8" fxLayoutAlign="space-evenly">
  <mat-checkbox>Fragile</mat-checkbox>
  <mat-checkbox>Flyer</mat-checkbox>
  <mat-checkbox>Time Stipulated</mat-checkbox>
  <mat-checkbox>Gift Wrapped</mat-checkbox>
</div>

脆弱的
传单
规定的时间
礼品包装

这是我的json

---

因为我得到的名字是传单，所以只有传单复选框会显示给用户作为选中，而所有其他将不会显示给用户

你的问题没有澄清。您正在使用Mat复选框，而没有使用JSON文件 如果你的Json是

SampleJson= [
{
    Name: "Fragile",
    isActive: true
},
{
    Name: "Flyer",
    isActive: true
},
{
    name: "Time Stipulated",
    isActive: true
},
{
    name: "Gift Wrapped",
    isActive: false
},

]

然后将html修改为

脆弱的
传单
规定的时间
礼品包装

我使用的是反应式表单。