标签: ng-repeat

我正在尝试使用Bootstrap Dropdown和AngularJS创建一个选择器.

http://jsfiddle.net/qbjfQ/

<li ng-repeat="item in list"><a ng-click="current = item">Dynamic set {{item}}</a></li>

当我在列表中静态使用ng-click时,它工作正常(例4和5)但是当我在ng-repeat中使用ng-click时,它不会更新值(例1到3)

我能做什么 ？

朋友们,

我正在敲打这个问题,我希望你能帮助我.我试图使用angularjs 1.2rc1(也许这已经改变？)为重复元素的子项设置动画,或多或少像这样:

<div ng-repeat="row in rows" class="animated-row>
  <div class="animated-child">Row content</div>
</div>

我想要的是动画孩子在进入和离开的重复行内移动.因此,根据文档,我尝试过这样的选择器:

.animated-row {
  overflow: hidden;
}

.animated-row .animated-child {
  position: relative;
}

.animated-row.ng-enter > .animated-child,
.animated-row.ng-leave > .animated-child {
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -ms-transition: 1s linear all;
  -o-transition: 1s linear all;
  transition: 1s linear all;
}

.animated-row.ng-enter .animated-child,
.animated-row.ng-leave.ng-leave-active .animated-child {
  opacity:0;
  right:-25%;
}

.animated-row.ng-leave .animated-child,
.animated-row.ng-enter.ng-enter-active .animated-child {
  opacity:1;
  right:0%;
}

这不起作用,而angular不会将元素识别为动画.如果我将过渡直接分配给动画行元素(而不是它的子元素),那么我不能使用css选择器的任何组合为子项设置动画,而不是在父和子项上重复转换,但这似乎不起作用在FF上.

有任何想法吗？也许我错过了一些明显的东西,但我似乎无法得到答案.

感谢您的任何意见!最好的祝福,

拉斐尔波利特

这很令人尴尬.我无法弄清楚如何做一些看似微不足道的事情.

tr.row(ng-repeat="user in users")
  td
    div(input-inline-edit="user.name" tabindex="{{ $index*10 + 1 }}")
  td
    div(input-inline-edit="user.surname" tabindex="{{ $index*10 + 2 }}")
  td
    div(tabindex="{{ $index*10 + 3 }}")

由于我有行,我需要能够逐行遍历tabindex.因此,我认为最好的是第一排1,2,3,4接下来的11,12,13,14然后是21,22,23,24

等等

我很尴尬我没能做到这一点,上面的代码不起作用,我试过了

{{$index *10 + 1}}

或 {{getIndex($index, 1)}}")在控制器中:

$scope.getIndex = function(index,i) {
      return index*10 + i;
    }

还有无数其他的组合......我无法相信自己没有做过看似简单的事情

编辑:好的,事实证明我对信息很贪心.我有一个自己的内联编辑指令,"输入内联编辑".我已在上面相应地编辑了代码.因此,如果我有该指令,则tabindex不起作用,但如果我有一个普通的div(上例中的第三个),那就是!!! 所以对于前两个我得到tabindex = null,对于第三个我得到一个有效的数字.我很困惑.

在循环数据后,我遇到了一些关于DOM操作的问题.

我们有一个jQuery滑块插件,它与数据绑定并且正常工作,但是在使用时ng-repeat,我们必须将其初始化包装$timeout起来才能工作 - 现在甚至无法正常工作.

我认为使用$timeout是不可靠的,这会导致错误的修复.在jQuery我可以使用$(document).ready()- 这是坚实的,但使用angular.element(document).ready()似乎也不起作用.

调用滑块指令但无法获取滑块中图像的高度,因为图像尚未加载到DOM中 - 导致滑块的计算高度为0.

我现在发现它非常令人沮丧 - 在数据(ng-repeat例如)循环之后必须有一种方法来操纵DOM .

滑块的初始化执行如下:

var sliderLoad = function () {
    $timeout(function () {
        var setHeight = elem.find('.slide:eq(0)').outerHeight(true);
        elem.css({
            height: setHeight
        });
    }, 1000);
    // Show the slider nav buttons
    elem.parent().find('.direction-nav').show();
};

......这是一个复制演示.

我想对一个由两个数组组成的数组进行ng-repeat,如下所示:

[titles: [], links: []]

我的数组(标题和链接)具有相同的长度我想在我的ng-repeat中打印,最后,是这样的:

{{ array.title }}
{{ array.link }}

例如,在C程序中我必须这样做:

int i;

i = 0;
while (titles[i])
{
    printf("%s - %s", titles[i], links[i]);
    i++;
}

我努力尝试并访问了许多类似这样的问题,但仍然无法解决这个问题.

我想在角度过滤器功能中传递额外的参数.我发现解决方案如下,但它不起作用.我正在使用我所使用的对象的未定义ng-repeat.

<li ng-repeat="user in users | filter:isStatus(user,secondParam)">{{user.name}}</li>

角度自定义滤波器的解决方案如下所示,但也不适用于角度滤波器功能.

<li ng-repeat="user in users | filter:isStatus:user:secondParam">{{user.name}}</li>

jsFiddle - 你可以在这里看到我的问题.

我正在使用ng-repeat在表格中形成行.对于每一行,我需要显示一些需要跨越该行的所有单元格的数据.

  <tr ng-repeat="cr in results.crs">
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>

我想要这样的东西 -

  <tr ng-repeat="cr in results.crs">
    <td>cell 1</td>
    <td>cell 2</td>
    </tr >
      <td colspan=2>The Special Cell</td>
    <tr>
  </tr>

但是,ng-repeat每次重复不允许两行.我尝试执行以下操作但不起作用.

  <tr ng-repeat="cr in results.crs">
    <td>cell 1</td>
    <td>cell 2</td>
    </tr >
      <td>The Special Cell</td>
    <tr>
  </tr>

有没有办法每次重复添加两行？

此外,任何人都可以建议任何替代方法吗？我使用表结构,因为它更容易设计,我有HTML + CSS的基本知识.

我已经尝试了很多不同的东西来解决性能问题ng-repeat.包括这里描述的内容:如何"观察"表达式

我需要在页面上有一大堆行,最多约1000行.每行包含相当多的东西.现在在我看来,它只会非常慢ng-repeat,我想我必须构建我自己的自定义ng-repeat或者我必须构建一个指令来构建表中的每一行...我不知道如何做其中任何一个.请你帮帮我吧 你能告诉我一些例子吗？

我有一个对象数组,我想使用ng-repeat显示每行2.

我想出的解决方案如下:

 <div ng-repeat="element in elements">
      <div layout="row" ng-if="$even">
        <div flex>
          <span>{{ elements[$index].name }}</span>
        </div>
        <div flex>
          <span>{{ elements[$index+1].name }}</span>     
        </div>
      </div>
</div>

问题在于,我无法以| filter正确的方式过滤内容,因为它会显示过滤后的元素和以下内容.

解决问题的最佳方法是什么？

抱歉我的英语不好,这不是我的第一语言.先感谢您.

我有一个ng-repeat使用这样的过滤器:

#1
<div class="contestReports" ng-repeat="contest in contests | filter:{votingOver:true}">
    <contestreport></contestreport>
</div>

我想让客户能够过滤它,所以我已经将过滤器分配给这样的变量:

#2
<div ng-init="reportFilter = {votingOver:true}"></div>
<div class="contestReports" ng-repeat="contest in contests | filter:reportFilter">
    <contestreport></contestreport>
</div>

代码#1正在运行,但代码#2不是,我不知道为什么.