Whenever there is a null value in the JSON, it ends up displaying in the input field. How do I go about hiding it so that only the name shows up instead?
<div>
<input type="hidden"
name="roleUserHidden-{{roleIndex}}"
#roleUser="ngModel"
[ngModel]="role.UserId === 'null' ? '' : role.UserId " />
<input [disabled]="!permissions.canEdit"
class="form-control"
auto-complete
[ngModel]="role === 'null' ? '' : role" [source]="usersForAllocationSource.bind(this)"
list-formatter="Name"
name="roleUserAuto-{{roleIndex}}"
#roleUserVisible="ngModel"
(valueChanged)="usersForAllocationSelected(role, $event, roleUser)"
display-property-name="UserName"
[accept-user-input]="false"
(ngModelChange)="onRoleUserChange($event, role)"
[min-chars]="2">
</div>