Question

我正在创建一个显示用户数据的面板，如下所示

Name                           XYZ 
Date-of-birth                  DD-MM-YYYY 
Phone Number                   0000000000
Mail                           xyz@abc.in
Country                        MMM

使用angularjs＆amp;的代码bootstrap显示此内容

<div class='row col-md-12'>
                                <span class='col-md-6'>Name</span>
                                <span class='col-md-6'>{{user.name}}</span>
                                <span class='col-md-6'>Date-of-birth</span>
                                <span class='col-md-6'>{{user.dateOfBirth}}</span>
                                <span class='col-md-6'>Phone Number</span>
                                <span class='col-md-6'>{{user.contactNumber}}</span>
                                <span class='col-md-6'>Mail</span>
                                <span class='col-md-6'>{{user.mail}}</span>
                                <span class='col-md-6'>Country</span>
                                <span class='col-md-6'>{{user.country}}</span>
                    </div>

只要所有字段都有适当的数据，一切正常。可能存在用户没有邮件ID的情况。当他没有邮件时，{{user.mail}}会返回空值，并且没有创建相应的span，这会在显示时生成以下结构，

    Name                           XYZ 
    Date-of-birth                  DD-MM-YYYY 
    Phone Number                   0000000000
    Mail                           Country
    MMM

如果我使用<table>，那么它将正常工作，但页面不会响应。当用户对象没有值时，有没有办法用空数据保留空格？

Answer 1

你也可以尝试条件。它对我有用

使用三元运算符如下：

condition ? value-true : value-false

如，

<span class='col-md-6'>{{user.mail?(user.mail):" " }}</span>

角度引导表格数据未正确显示

1 个答案: