角度引導表格數據未示出正確

我創建一個面板示出了像以下的用戶數據，角度引導表格數據未示出正確

Name       XYZ 
Date-of-birth     DD-MM-YYYY 
Phone Number     0000000000 
Mail       [email protected] 
Country      MMM

使用angularjs &引導顯示此內容

<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的情況。當他沒有郵件ID {{user.mail}}返回空值和相應的span是沒有得到建立，這使得下面的結構同時顯示，

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

如果我使用<table>然後它會正常工作，但網頁不會響應。當用戶對象沒有價值時，有什麼辦法可以保留空數據空間？

來源

2015-08-18 DRB

你可以用 'NG-如果' 如果你喜歡 – Hmahwish

<跨度類=' COL-MD-6 '>郵件 <跨度類=' COL-MD-6' > {{user.mail}} 添加跨度NG-顯示屬性。 – Sabarish

你也可以嘗試條件也。它爲我工作

使用三元操作如下：

condition ? value-true : value-false

如，

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

來源

2015-08-18 04:29:22 Hmahwish

我可以理解我們可以使用三元運算符。但個人資料頁面將有大約50到60個字段。因此，一旦我爲所有這些字段編寫'ng-show'或ternary條件，代碼看起來非常笨拙。所以，我們沒有其他方式可以用更少的文本來實現這個功能嗎？ – DRB

角度引導表格數據未示出正確

回答

相關問題