相关疑难解决方法(0)

Angular确实为在HTML指令中使用数字的for循环提供了一些支持:

<div data-ng-repeat="i in [1,2,3,4,5]">
  do something
</div>

但是,如果您的范围变量包含具有动态数字的范围,那么您每次都需要创建一个空数组.

在控制器中

var range = [];
for(var i=0;i<total;i++) {
  range.push(i);
}
$scope.range = range;

在HTML中

<div data-ng-repeat="i in range">
  do something
</div>

这是有效的,但这是不必要的,因为我们不会在循环中使用范围数组.有没有人知道为最小/最大值设置范围或常规？

就像是:

<div data-ng-repeat="i in 1 .. 100">
  do something
</div>

我正在使用ng-repeat和我的代码我有'n'个基于ng-repeat的文本框.我想将文本框与三列对齐.

这是我的代码

<div class="control-group" ng-repeat="oneExt in configAddr.ext">
    {{$index+1}}. 
    <input type="text" name="macAdr{{$index+1}}" 
           id="macAddress" ng-model="oneExt.newValue" value=""/>
</div>

简单问题:如何在html中设置范围值,由我的控制器读取？

var app = angular.module('app', []);

app.controller('MyController', function($scope) {
  console.log($scope.myVar);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app'>
  <div ng-controller="MyController" app-myVar="test">
    {{myVar}}
  </div>
</div>

JSFiddle:http: //jsfiddle.net/ncapito/YdQcX/

我正在尝试使用bootstrap 3和angularjs创建一个网格.

我试图创建的网格是这样,使用ng-repeat重复.

<div class="row">
 <div class="col-md-4">item</div>
 <div class="col-md-4">item</div>
 <div class="col-md-4">item</div>
</div>

我已经尝试使用ng-ifwith ($index % 3 == 0)来添加行,但这似乎并没有正常工作.任何建议都会很棒!

谢谢!

编辑:这是我最终使用的代码:

<div ng-repeat="item in items">
  <div ng-class="row|($index % 3 == 0)">
    <ng-include class="col-sm-4" src="'views/items/item'"></ng-include> 
  </div>
</div>

感谢您花时间阅读本文,我想知道如何使用ng-repeat创建一个像选项框一样的网格.我想取一个数组重复第n个项目,然后移动到下一行或列,直到列出所有项目.例如

假设我有一个像[opt1,opt2,opt3,opt4,opt5,opt6,opt7]我想要显示它的数组:

opt1 opt2 opt3
opt4 opt5 opt6
opt7

我将 Angular 4 与bulma css 框架一起使用，我想知道如何每第三列添加一个新行（或列类）。

打印出 0,1,2 0,1,2 等的索引变量是我在使用引导程序时查看代码段时。

注意到一些关于也许我可以使用模板语法的评论，但也没有让它起作用。

<div class="columns">
    <div class="column is-one-third" *ngFor="let item of items | async; let index = index">
      <app-item-details [item]='item '></app-item-details>
      {{ index % 3 }}
    <div class="is-clearfix" *ngIf="index % 3 == 0"></div>
  </div>
</div>

在Angular2中,我有一个对象列表,我正在尝试使用bootstrap的网格布局系统,但是在Angular2中找出如何做到这一点时遇到一些困难.任何帮助,将不胜感激!

如果我使用HandlebarsJS,我可以使用以下代码完成此操作:

{{#for elements}}
    {{#if index % 12 === 0}}
          <div class="row">
    {{/if}}
    <div class="col-md-2">
          {{element.name}}
    </div>
    {{#if index % 12 === 0}}
          </div>
    {{/if}}
{{/for}}

所以我希望它看起来像:

<div class="row">
    <div class="col-md-2">
        Bob
    </div>
    <div class="col-md-2">
        Joe
    </div>
    ...
</div>
<div class="row">
    <div class="col-md-2">
        Julie
    </div>
    <div class="col-md-2">
        Cheryl
    </div>
    ...
</div>