當綁定數據爲空時，表單不顯示

我想顯示錶單，但是當我有表單時，我沒有顯示錶單，有人可以請建議幫助。我的模板，當綁定數據爲空時，表單不顯示

<form class="nobottommargin" *ngIf="details" [formGroup]="form" (ngSubmit)="onSubmit(form.value)" name="template-contactform"> 
<div class="col-sm-12 nopadding socialaddress"> 
    <div class="col-sm-12 formpaddingcss"> 
     <h3 class = "headingfontcss">SOCIAL ADDRESS</h3> 
    </div> 
       </div> 
       <div class="input-group divcenter"> 
        <input type="email" tooltip="Enter Facebook url" [tooltipDisabled]="false" [tooltipAnimation]="true" 
        tooltipPlacement="top" name="widget-subscribe-form-email" [formControl]="form.controls['facebook']" [(ngModel)]="details.facebook" class="form-control required email formcontrolheight" placeholder="Facebook" aria-required="true"> 
       </div> 
      </div> 
</form>

上述表格時，「細節」是空的，不顯示，我已經嘗試了很多，但還是沒有結果。

我的TS，

  export class Social { 
     message: any; 
     http: Http; 
     details: IDetails[]; 
     form: FormGroup; 

     constructor(fbld: FormBuilder, http: Http, private _service: GetAllList,public toastr: ToastsManager) { 
    this.details = [] 
    this.http = http; 
     this._service.getList() 
     .subscribe(details => this.details = details); 


    this.form = fbld.group({ 
     facebook: ['', Validators.required], 
    })}

來源

2016-08-23 MMR

你有* ngIf指令在表單元素上細節指向。如果細節爲空，JS會將其解釋爲false並且不呈現表單。

來源

2016-08-23 12:15:16

所以，我應該刪除它？ – MMR

似乎並不像你想要的那樣。有什麼情況你不希望你的表單顯示？這是NgIf會支持的。否則，是的，刪除它。 –

埃裏克，我沒有任何條件可以隱藏，但在這裏，當我有數據表單與數據顯示，並沒有沒有數據空從不顯示，而是它隱藏。 – MMR

從您的窗體中刪除*ngIf指令，並將您的組件變量facebook的組件值設置爲空字符串。

來源

2016-08-23 12:38:13

斯蒂文，仍然沒有用，我編輯我的代碼請你看看 – MMR

我也認爲你不需要' [（ngModel）] =「details.facebook」'，嘗試刪除它。 –

這是錯誤刪除它，無法找到控制 '後'」 – MMR

當綁定數據爲空時，表單不顯示

回答

相關問題