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>

在AngularJS中显示列

1 个答案: