Angularjs 使用;"香港国际展览";“内部”;ng重复“重复”;,

Angularjs 使用;"香港国际展览";“内部”;ng重复“重复”;,,angularjs,Angularjs,我正在使用AngularJS开发web应用程序。 应用程序设置显示表格中的项目列表 这是打印表格的代码: <table> <tr ng-repeat="x in content.listaOperaciones> <td>{{ x.idOperacion }} </td> <td>{{ x.idGan }}</td> <td>

我正在使用AngularJS开发web应用程序。 应用程序设置显示表格中的项目列表

这是打印表格的代码:

  <table>
      <tr ng-repeat="x in content.listaOperaciones>
            <td>{{ x.idOperacion }} </td>
            <td>{{ x.idGan }}</td>
            <td>{{ x.idEm}}</td>
            <td>{{ x.idGate}}</td>
            <td>{{ x.idRf }}</td>
            <td>{{ x.peso }}</td>
            <td>{{ x.duracion }}</td>
            <td>{{ x.timestampInicioOperacion | date:'dd-MM-yy HH:mm'}}</td>      
        </tr>
      </table> 
这就是我修改表构造函数的方式:

<tr ng-repeat="x in content.listaOperaciones | orderBy : $ctrl.orderProp | filter:$ctrl.Busc" ng-if="x.peso > $ctrl.PesoMinimo && x.peso < $ctrl.PesoMaximo">
  <div ng-show="x.duracion < $parent.tiempoMinimo">

    <td>{{ x.idOperacion }} </td>
    <td>{{ x.idGan }}</td>
    <td>{{ x.idEm}}</td>
    <td>{{ x.idGate}}</td>
    <td>{{ x.idRf }}</td>
    <td>{{ x.peso }}</td>
    <td>{{ x.duracion }}</td>
    <td>{{ x.timestampInicioOperacion | date:'dd-MM-yy HH:mm'}}</td>

</tr>

{x.idOperacion}
{x.idGan}
{{x.idEm}}
{x.idGate}
{x.idRf}
{{x.peso}
{{x.duracion}}
{x.timestaminicio操作|日期:'dd-MM-yy HH:MM'}

在“
ng repeat
”子句中使用“
ng if
”进行过滤

使用嵌套在“
ng repeat
”循环中的“
ng show
”进行筛选不起作用

由于我想使用多个过滤器(可能10或20个),我更喜欢使用嵌套在“
ng repeat
”循环中的“
ng show
”指令,因此代码更容易理解

在这里,您可以随意使用源代码:

先谢谢你。
Didac

你的小提琴坏了,因为你不能在
tr
内使用
div
。将
ng show
移动到
tr
元素,在该元素中显示
ng repeat
。也要像这样更改条件
$parent.tiempoMinimo | | x.peso>$parent.tiempoMinimo
因此,当您的输入为空时,它不会隐藏整个表格。

添加一个小提琴,用一些示例数据再现问题。
ng show
也会正常工作。。你可能遗漏了什么。创建一些fiddle来复制这个问题。fiddle只是补充了一句:非常感谢你好,非常感谢。因此,如果我想在一个表中的一个ng重复中应用多个条件,唯一的方法是这样做:
我的理解正确吗?另外,感谢您提供有关如何解决在条件为空时隐藏整个表的建议。。。我也在努力解决这个问题。没有必要用这样的表达式来混乱你的html,如果你想应用多个条件,你可以声明一个函数来获得每个元素的可见性。比如
ng show=“isVisible(element)”
。在该函数中,您可以检查任意多个条件。非常感谢。我会那样做的。这似乎是我正在使用(或试图使用)的一个非常聪明的解决方案。顺致敬意,
<tr ng-repeat="x in content.listaOperaciones | orderBy : $ctrl.orderProp | filter:$ctrl.Busc" ng-if="x.peso > $ctrl.PesoMinimo && x.peso < $ctrl.PesoMaximo">
  <div ng-show="x.duracion < $parent.tiempoMinimo">

    <td>{{ x.idOperacion }} </td>
    <td>{{ x.idGan }}</td>
    <td>{{ x.idEm}}</td>
    <td>{{ x.idGate}}</td>
    <td>{{ x.idRf }}</td>
    <td>{{ x.peso }}</td>
    <td>{{ x.duracion }}</td>
    <td>{{ x.timestampInicioOperacion | date:'dd-MM-yy HH:mm'}}</td>

</tr>