Блог

я работаю с Angular 11, и мне нужно отобразить и ввести номер типа в зависимости от условия, дело в том, что я не знаю, как правильно передать строку для сравнения.

у меня есть эти динамические вкладки, значения входных данных поступают из базы данных, я просматриваю массив и отображаю данные, пока это работает, но мне нужно скрыть входную «точность», если ее значение равно 0

это html-часть кода

 <div class="row ml-0 mr-0">
    <div class="col-6 " *ngFor="let item of dinamicData[tabz.title].data; let i = index">
        <div class="row ml-0 mr-0 mt-3" >
            <div class="col-6 float-center">
                 <label> {{ item.name }}</label>   
            </div>
        </div>
        <div class="row ml-0 mr-0 mt-3" >                    
            <div class="col-4">
                <label>Dato</label>   
                <select #mySelect (change)="addCode(mySelect?.value, $event,tabz.title, item, i )" class="form-control" [formControlName]="tabz.title   '.'   item.name   '.name' ">
                    <option [ngValue]="null" disabled>Seleccione campo</option>
                    <option [value]="row?.name" *ngFor="let row of item?.template_header" >{{ row?.name}}</option>
                </select>
            </div>
            <div class="col-4">
                <label>Tipo de dato</label>
                <select   class="form-control" [formControlName]="tabz.title   '.'   item.name   '.type'" (change)="onKey($event,tabz.title, item, i )">
                    <option [ngValue]="null" disabled>Seleccione tipo de dato</option>
                    <option [value]="row?.name" [id]="row.id" *ngFor="let row of DataType" >{{ row.name}}</option>
                </select>
            </div>
            <div class="col-4" *ngIf="tabz.title   '.'   item.name   '.'   precision > 0" >
                <label>Precision</label>
                <input [formControlName]="tabz.title   '.'   item.name   '.precision'" min="0" type="number" class="form-control"  placeholder="Preciciamp;oacute;n">
            </div>           
        </div>
    </div>
</div>
 

это код ts, в котором я заполняю данные

 populateData( ) {
this.keys.forEach((value, key) =>{
  value.forEach((v, k) => {
    this.edit_conf_conciliation_form.setControl("Campo "  (key 1) ".interfaz"  (k 1) ".name", new FormControl(v.name))
    this.edit_conf_conciliation_form.setControl("Campo "  (key 1) ".interfaz"  (k 1) ".type", new FormControl(v.type))
    this.edit_conf_conciliation_form.setControl("Campo "  (key 1) ".interfaz"  (k 1) ".key", new FormControl(v.key))
    this.edit_conf_conciliation_form.setControl("Campo "  (key 1) ".interfaz"  (k 1) ".precision", new FormControl(v.precision))
    this.edit_conf_conciliation_form.setControl("Campo "  (key 1) ".interfaz"  (k 1) ".typeCode", new FormControl(v.typeCode))
    this.edit_conf_conciliation_form.setControl("Campo "  (key 1) ".interfaz"  (k 1) ".interfaceCode", new FormControl(v.interfaceCode))
  });
});
}
 

можно ли это сделать так, как я думаю? я угловатый нуб, так что любая помощь будет оценена по достоинству.
приветствие