如何在输入字段Angular 2中隐藏“null”？

Question

当值为null时，它出现在输入字段中。如何隐藏它而不显示它？并且仅显示含义中的名称？

<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>

Answer 1

简单的解决方案：

<input name='name' [ngModel]="obj?.val">

另一种方式：

<input name='name' [ngModel]="obj.val ? obj.val  : '' ">

以下是plunker

的链接

Answer 2

如果你想隐藏整个输入元素，你可以做*ngIf="value"值为null的任何东西......

如果您希望该值为空字符串，则可以执行[value]="value === 'null' ? '' : value"