Angular 如何在标签表单中使用表单控件名称

我正在使用角度反应表单，在我的表单中，一个字段包含用于填充值的标签，其余所有字段包含表单控件名称。我正试图通过subscribe设置来自服务的数据。所以在这里，我可以通过表单控件名填充所有表单数据，但标签除外。因为标签不包含表单控件名称，所以我无法将该值设置为该值

这是我的表格：

卷号
{{rollnum}}

查看您的评论，我知道只有从服务加载数据后，您才需要在{{rollnum}上显示内容

请尝试下面的代码 在ts文件中，声明变量调用dataLoaded。此变量将是一个布尔值，可以保存true和false值。首先，我们将其设置为false

dataLoaded : boolean = false;

接下来我们将调用服务来加载数据

serviceToLoadData(){
   this.serviceCall.getdata().subscribe((data)=>{
    // here you would do the processing of the data and the data will be loaded to 
    //rollnum.
    //Once the data is loaded set the value of dataLoaded to true.
    this.dataLoaded = true;
   });
}

在您的HTML文件中

<div [formGroup]="myForm">


                <label class="bx--label" style ="margin-left: 4rem">
                Roll number
                </label>


              <label *ngIf="dataLoaded" class="bx--label" style ="margin-left: 1rem">
                {{rollnum}}
              </label>

</div>

卷号
{{rollnum}}

在这种情况下，只有dataLoaded为true时才会显示标签

您可以对div应用相同的原则。在div上，您可以应用ngIf

---

希望这能解决问题。

模板文件中的

formControlName

设置在哪里？@GaurangDhorda我不知道如何使用formControlName来标记

[columnNumbers]

div标记中的这是什么？你的问题是{rollnum}没有显示吗？@nXn实际上我正在努力为此设置formcontrolname。。若我直接在组件中初始化，比如rollnum='Xyz'，这个值将显示在ui中，但若我想从其他服务中设置值，我们如何设置该值？