https://i.stack.imgur.com/imqYb.pngI am dealing with an object that is coming from the backend, containing template parameters such as "namespace,resources". In some cases, the template parameter value is "null". My goal is to display a form only when there are values in the template parameter "namespace,resources", and I do not want to display it when it's null. How can I achieve this? I have tried splitting the values but now I need help writing code that will only show the form if there are actual values present. I hope my question makes sense. Thank you for your assistance. Html:
<form [formGroup]="templateform">
<div class="form-group">
<label for="ntw-pol-egren-podns" class="bmd-label-floating">{{variable1}}<sup
class="text-danger">*</sup>
</label>
<input [(ngModel)]="namespace" formControlName="namespace" type="text" class="form-control" id="ntw-pol-egren-podns">
<div *ngIf="submitted && f.namespace.errors" class="error-feedback error">
<p *ngIf="f.namespace.errors.required" class="text-danger">
Namespace is required
</p>
</div>
</div>
<div class="form-group">
<label for="ntw-pol-egren-podns" class="bmd-label-floating">{{variable2}}<sup
class="text-danger">*</sup></label>
<input type="text" class="form-control" formControlName="resource" [(ngModel)]="resources" id="ntw-pol-egren-podns">
<div *ngIf="submitted && f.resource.errors" class="error-feedback error">
<p *ngIf="f.resource.errors.required" class="text-danger ">
Resource is required
</p>
</div>
</div>
<div class="d-flex justify-content-end">
<button (click)="sendclusteridApi()" class="btn btn-primary px-3 py-2">Save</button>
</div>
</form>
ts:
changeSelection() {
this.selectedItemsList = this.DisplayProductList.filter((product, index) => {
this.selectedItemsList.push(this.DisplayProductList[index])
console.log(this.selectedItemsList,"sel")
let splitstring = this.DisplayProductList[index].template_parameter
console.log(splitstring,"df")
let separatedArray = splitstring.split(',');
this.variable1 = separatedArray[0];
this.variable2 = separatedArray[1];
return product.isChecked;
});
}