Question

在我的应用程序中，我想为每个div类添加动态数字，以创建动态的twitter bootstrap网格类。例如col-md-2或col-md-3。然后从这些div重复：

 <div class="row" ng-repeat="row in placeholders">
        <div class="col-md-12">
            <div ng-repeat="column in row.columns" class="col-md-{{12 / row.columns.length}} biki"></div>
        </div>
    </div>

这是模型：

  $scope.placeholders = [{
            name: "Row 1",
            showName: true,
            columns: [{
                name: "Col1 in Row 1",
            }, {
                name: "Col2 in Row 1"
            }]

    }, {
            name: "Row 2",
            showName: true,
            columns: [{
                name: "Col 1 in Row 2",
            }, {
                name: "Col 2 in Row 2"
            },
             {
                name: "Col 3 in Row 2"
            }]

    }]

因此，如果对象中列数组的长度为6，则除以12，并使用col-md-2类创建6 div。当数组的长度为5或8时会出现问题。如果5的数字除以12是2.4而且twitter bootstrap对2.4没有任何值，所以我想parseInt或用其他方式解决问题但我不知道不知道怎么做。

Answer 1

<强> DEMO

创建此过滤器：

myApp.filter('parseInt', function () {
    return function(a,b){
        return(parseInt(a))
    }
});

现在在你看来：

class="col-md-{{12 / row.columns.length | parseInt}} biki"

这样可以解决问题：）

为Angularjs中的类生成动态值

1 个答案: