入力フィールドに "null"を隠す方法角2？

Question

nullの値がJSONに来ると、それは入力フィールドに表示されます。どのように私はそれを非表示にすることができますか？そして意味の名前だけを表示する？

<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

へのリンクですUは、あなたがnullであるものは何でもあること*ngIf="value"値を行うことができます全体のinput要素を非表示にする...

あなたは値が空の文字列になりたい場合は、[value]="value === 'null' ? '' : value"