在 AngularJS 中显示列

Question

我想在 AngularJS 中显示 4 列：

到目前为止，这是我的 html：

<div class="row">
<div class="col-md-6">
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-6">Desc1:</div>
        </div>
        <div class="row">
            <div class="col-md-6"> Desc2:</div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-6">
                {{value1}}
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                {{value2}}
            </div>
        </div>
    </div>      
</div>
<div class="col-md-6">
    <div class="row">
        <div class="col-md-6"> 
            Desc1:
        </div>
    </div>
    <div class="row">
        <div class="col-md-6"> 
            Desc2:
        </div>
    </div>
    <div class="row">
        <div class="col-md-6"> 
            Desc3:
        </div>
    </div>
<div class="col-md-6">          
    <div class="row">
        <div class="col-md-6">
            {{value1}}
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            {{value2}}
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            {{value3}}
        </div>
    </div>
</div>

我想显示的是这样的：

Desc1     value1     Desc1    value1 
Desc2     value2     Desc2    value2
                     Desc3    value3

例如，如果一个值不返回任何值，我希望该行为空。使用我当前的代码，如果一个值不返回任何内容，则下一个值将被转移并显示。这搞砸了过去的一切。

Answer 1

使用 CSS（这是一种更好的方法）

.test {
  display: inline-block;
  margin: 0;
}

<div>
  <div>A</div>
  <div class="test"></div>
  <div>C</div>
</div>