相关疑难解决方法(0)

我正在寻找正确的模式,每3列注入一个bootstrap行类.我需要这个,因为cols没有固定的高度(我不想修复它),所以它打破了我的设计!

这是我的代码:

<div ng-repeat="product in products">
    <div ng-if="$index % 3 == 0" class="row">
        <div class="col-sm-4" >
            ...
        </div>
    </div>
</div>

但它只在每行显示一个产品.我想要的最终结果是:

<div class="row">
    <div class="col-sm4"> ... </div>
    <div class="col-sm4"> ... </div>
    <div class="col-sm4"> ... </div>
</div>
<div class="row">
    <div class="col-sm4"> ... </div>
    <div class="col-sm4"> ... </div>
    <div class="col-sm4"> ... </div>
</div>

我只能用ng-repeat模式(没有指令或控制器)来实现这个目的吗？本文档介绍了NG-重复启动和NG-重复-结束,但我无法弄清楚如何使用它是这种使用情况!我觉得这是我们经常在bootstrap模板中使用的东西!？谢谢

我正在尝试创建一个select元素,其中包含数字1到页面的列表,其中pages是一个变量,它是我拥有的页数.我不知道怎么做是构造ng-options表达式,以便它给我我需要的数字.这是我到目前为止所拥有的

<select ng-model="page" ng-options="???"></select>

我需要在ng-options表达式中放置什么才能创建我的选择

<select>
    <option value="1">1</option>
    ...
    <option value="35">35</option>
</select>

我是否需要创建一个返回数字数组的函数,并以某种方式在那里使用它还是有更简单的方法来做到这一点？

任何帮助将不胜感激.

谢谢

编辑

在发布我的问题之后,我想出了一种方法,通过在我的控制器中创建一个名为Range的函数,它接受两个数字并返回一个包含该范围内所有值的数组.

$scope.Range = function(start, end) {
    var result = [];
    for (var i = start; i <= end; i++) {
        result.push(i);
    }
    return result;
};

然后在HTML中我做了

<select ng-name="page" ng-options="page for page in Range(1, pages)"></select> 

这是最简单的方法吗？还是有更好的方法？

我像这样使用循环数:

<select>
  <option ng-repeat="n in [] | range:10" value="{{$index+1}}">{{$index+1}}</option>
</select>

这是有效的,但我怎么能用ng-reapet(5到10)这样做？

<select>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>

我想做点什么:

<div class='row' ng-repeat='row in _.range(0,12)'>
    <div id='{{row}}'></div>
</div>

但在控制器中我尝试:

function SetterForCatanCtrl($scope) {
    $scope._ = _;
    try {
        var tile = document.getElementById('5');
        tile.style.backgroundImage = "url('aoeu.png')";
    } catch (e) {
        alert(e)
    }
}

getElementById 返回null,那么如何使用AngularJS变量设置元素的id？

我正在尝试使用jQuery插入div,并在div中使用需要呈现的角度内容.但单击按钮时它不会被渲染.

myVar = $("<div class="a"><p ng-repeat="banana in bananas">{{banana}}</p></div>");

$("button").click(function () {
   myVar.appendTo(".myOtherDiv");
});

appendTo工作正常,但没有给我一个我得到的香蕉列表 {{bananas}}

当jQuery将它放在DOM上时,有没有办法让Angular成为元素？