当详细信息为空时,不会显示空表单

克尔普

在这里,我试图显示具有一些称为custominfo的详细信息的表单,这两种情况在这里很重要case-1:当自定义信息出现在具有详细信息的数据库显示表单中时。情况2:当数据库中没有自定义信息详细信息时,将以空格式显示。在这里,我收到了case-1,但没有收到case-2,该表格没有显示,我为此做了很多尝试,但是没有用,有人可以帮我解决这个问题。我的服务,

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';

import { IDetails } from './details';

@Injectable()
export class GetCustInfo {

    str = localStorage.getItem('social');
    loc = JSON.parse(this.str);
    id = this.loc.profile_id;
    private _productUrl = 'http://localhost/a2server/index.php/profile/editcustominfo/'+this.id;

    constructor(private _http: Http) { }

    getCustList(): Observable<IDetails[]> {
        return this._http.get(this._productUrl)
            .map((response: Response) => { return <IDetails[]> response.json().data[0]; 
            });

    }
}

我的main.ts(我要订购上述服务的地方),

     export class Custom {
     message:string = "Custom Info Updated";
   hide:any = false;
    http: Http;
   details:any;
    form: FormGroup;

     constructor(fbld: FormBuilder,http: Http,private    _service:GetCustInfo,public toastr: ToastsManager) {
    this.http = http; 
      this._service.getCustList()
        .subscribe(details => this.details = details,

                               err => this.details = {});

我的模板,

<div  class="col-sm-12 nopadding custominfo contenttoppadding">
    <form class="nobottommargin" *ngFor="details"  [formGroup]="form" (ngSubmit)="onSubmit(form.value)" name="template-contactform" action="include/sendemail.php" method="post" novalidate="novalidate">
        <div class="form-group">

            <div class="input-group divcenter">
                <span class="input-group-addon noradius inputgroupaddon"><i class="icon-facebook"></i></span>
                <input type="email" type="email" tooltip="Custom url" [tooltipDisabled]="false" [tooltipAnimation]="true"
                    tooltipPlacement="top" name="widget-subscribe-form-email" [formControl]="form.controls['custominfo']" [(ngModel)]="details.custominfo" class="form-control required email formcontrolheight" placeholder="Facebook" aria-required="true" />
            </div>
        </div>
    </form>
</div>

interface.ts,

 export interface IDetails{

           custominfo:string;
               }

在这里,即使值是空的,我也试图显示结果,但是当详细信息为空时,我将看不到表格。

slaesh

您想显示一种形式吗?或多种形式?您正在使用*ngFor?!而且您的变量details是一个数组,但是您的getCustList()函数仅返回第一个元素?

无论如何..将错误处理添加到您的getCustList() subscribtion

this._service.getCustList()
            .subscribe(details => this.details = details,
                       err => {
                                 this.details = [{}]; /* put your empty/default model here */
                                 console.log(err);
                              }
                       );

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

反应详细信息列表始终为空

来自分类Dev

Kudu 中的函数日志记录未显示详细信息 - 日志参数始终显示为空

来自分类Dev

在详细信息视图asp.net mvc5中,外部值为空

来自分类Dev

列表为空时,不会显示ListView的空视图

来自分类Dev

获取 TFS 构建详细信息时出现空引用异常

来自分类Dev

使用Xamarin表单选择产品时如何显示产品详细信息

来自分类Dev

单击操作栏中的“向上”时,主/详细信息流中的空意图(空指针异常)

来自分类Dev

带有详细信息页面空对象的 Android ListView

来自分类Dev

Access 2002表单-显示客户详细信息

来自分类Dev

表单显示元素的所有详细信息

来自分类Dev

.net Web表单不显示母版页详细信息

来自分类Dev

Symfony Forms-在标签中显示表单详细信息

来自分类Dev

Ionic / Angular:使用“主要”详细信息图案时,没有显示详细信息页面?

来自分类Dev

将行详细信息显示为datagrid

来自分类Dev

即使将IncludeErrorDetailPolicy设置为Always,也不会显示内部服务器错误[500]的详细信息

来自分类Dev

显示位置详细信息

来自分类Dev

显示股票详细信息

来自分类Dev

查看详细信息时,模型的属性为null

来自分类Dev

如何随时查看Ubuntu在登录时显示的详细信息?

来自分类Dev

当用户单击所选按钮时显示详细信息

来自分类Dev

jQuery在单击时显示更多详细信息

来自分类Dev

在UITableViewCell的“详细信息”中显示信息

来自分类Dev

返回嵌套表单的详细信息

来自分类Dev

Viewpager 只显示一次所需的详细信息,从主屏幕返回时不会显示第二次

来自分类Dev

Thread.CurrentPrincipal在Azure上具有空详细信息

来自分类Dev

无法使用“空”组捕获工作站详细信息

来自分类Dev

显示特定用户的详细信息

来自分类Dev

强制码头显示错误详细信息

来自分类Dev

让LightTable显示javascript对象的详细信息

Related 相关文章

  1. 1

    反应详细信息列表始终为空

  2. 2

    Kudu 中的函数日志记录未显示详细信息 - 日志参数始终显示为空

  3. 3

    在详细信息视图asp.net mvc5中,外部值为空

  4. 4

    列表为空时,不会显示ListView的空视图

  5. 5

    获取 TFS 构建详细信息时出现空引用异常

  6. 6

    使用Xamarin表单选择产品时如何显示产品详细信息

  7. 7

    单击操作栏中的“向上”时,主/详细信息流中的空意图(空指针异常)

  8. 8

    带有详细信息页面空对象的 Android ListView

  9. 9

    Access 2002表单-显示客户详细信息

  10. 10

    表单显示元素的所有详细信息

  11. 11

    .net Web表单不显示母版页详细信息

  12. 12

    Symfony Forms-在标签中显示表单详细信息

  13. 13

    Ionic / Angular:使用“主要”详细信息图案时,没有显示详细信息页面?

  14. 14

    将行详细信息显示为datagrid

  15. 15

    即使将IncludeErrorDetailPolicy设置为Always,也不会显示内部服务器错误[500]的详细信息

  16. 16

    显示位置详细信息

  17. 17

    显示股票详细信息

  18. 18

    查看详细信息时,模型的属性为null

  19. 19

    如何随时查看Ubuntu在登录时显示的详细信息?

  20. 20

    当用户单击所选按钮时显示详细信息

  21. 21

    jQuery在单击时显示更多详细信息

  22. 22

    在UITableViewCell的“详细信息”中显示信息

  23. 23

    返回嵌套表单的详细信息

  24. 24

    Viewpager 只显示一次所需的详细信息,从主屏幕返回时不会显示第二次

  25. 25

    Thread.CurrentPrincipal在Azure上具有空详细信息

  26. 26

    无法使用“空”组捕获工作站详细信息

  27. 27

    显示特定用户的详细信息

  28. 28

    强制码头显示错误详细信息

  29. 29

    让LightTable显示javascript对象的详细信息

热门标签

归档