Javascript 使用AngularJS定义引导列

我想定义4种不同的输出。在我的HTML中，我想说我想显示多少列，然后在JavaScript中，如果有4列，我将运行以下代码：

<div class="col-md-3">
    <h1>Content</h1>
</div>
<div class="col-md-3">
    <h1>Content</h1>
</div>
<div class="col-md-3">
    <h1>Content</h1>
</div>
<div class="col-md-3">
    <h1>Content</h1>
</div>

内容
内容
内容
内容

如果有3列，请运行此代码：

<div class="col-md-4">
    <h1>Content</h1>
</div>
<div class="col-md-4">
    <h1>Content</h1>
</div>
<div class="col-md-4">
    <h1>Content</h1>
</div>

内容
内容
内容

如果有两列，请运行此代码：

<div class="col-md-6">
    <h1>Content</h1>
</div>
<div class="col-md-6">
    <h1>Content</h1>
</div>

内容
内容

如果有1列，请运行此代码：

<div class="col-md-12">
    <h1>Content</h1>
</div>

内容

有没有办法用AngularJS做到这一点？

你能试试这个吗：

NG:

Html:

<div ng-repeat="i in getNumber(number) track by $index" class="col-sm-{{12/number}}">
     <h1>Content</h1>
</div>

内容

你能试试这个吗：

NG:

Html:

<div ng-repeat="i in getNumber(number) track by $index" class="col-sm-{{12/number}}">
     <h1>Content</h1>
</div>

内容

---

只需在模板端使用ng if，然后将ng if=“colCount==2”与类似的内容一起使用。您如何确定列数？不知道角度，但运行一个循环并将

col md-

类设置为12/no of columnsCan只需在模板端执行，并将ng if与类似

ng if=“colCount==2”

的内容一起使用。您如何确定列数？不知道角度，但运行一个循环，并将

colmd-

类设置为12/no列