Angularjs 将div移动到引导网格布局中的第一行

我使用引导网格布局显示div，如下所示：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4" ng-if="data1.length"></div>
        <div class="col-md-4" ng-if="data2.length"></div>
        <div class="col-md-4" ng-if="data3.length"></div>
    </div>
    <div class="row">
        <div class="col-md-4" ng-if="data4.length"></div>
    </div>
</div>

---

现在，如果data2或data3长度为0，我想将第二行的第一个div移动到第一行。这在引导中可能吗？

为此，您需要使用JavaScript。首先需要定义条件，然后将内容放入div

<div class="col-md-4" id="mydiv"></div>
<div class="col-md-4" id="mydiv2"></div>
<!-- and so on -->
<script>
if(data2.length = 0 or data3.length = 0){
    document.getElementById('mydiv').innerHTML = 'your content';
}
</script>

如果（data2.length=0或data3.length=0）{
document.getElementById（'mydiv'）。innerHTML='yourcontent'；
}

---

希望对你有用；）

为此，您需要使用JavaScript。首先需要定义条件，然后将内容放入div

<div class="col-md-4" id="mydiv"></div>
<div class="col-md-4" id="mydiv2"></div>
<!-- and so on -->
<script>
if(data2.length = 0 or data3.length = 0){
    document.getElementById('mydiv').innerHTML = 'your content';
}
</script>

如果（data2.length=0或data3.length=0）{
document.getElementById（'mydiv'）。innerHTML='yourcontent'；
}

---

希望对你有用；）

对于这种情况，如果数据2和数据3的长度为零。您可以使用引导可见和隐藏类

---

对于这种情况，如果数据2和数据3的长度为零。您可以使用引导可见和隐藏类