绑定数据为空时不显示表单

时间:2016-08-23 12:13:12

标签: angular typescript

我正在尝试显示表单,我已经使用它但是当我有情感数据表单没有显示时,有人可以建议帮助。 我的模板,

          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],
    })}

当“详情”为空时,不会显示上述表格,我已经尝试了很多,但仍然没有结果。

我的ts,

[ServiceContract(Name="Service", Namespace = "https://sample.eu")]

2 个答案:

答案 0 :(得分:0)

你有一个* ngIf指令指向表单元素的详细信息。如果details为空,JS会将其解释为false并且不呈现表单。

答案 1 :(得分:0)

从表单和变量facebook的组件集值中删除popularity指令为空字符串。