javascript - ng-if 未按预期工作

Question

我的模型中有一个按钮数组，每个按钮的模板中有一个“ng-if”:

self.aButtons.push({
                label: __('Siguiente'),
                class: 'btn-moduloAvance',
                show: (self.oContrato.definirPago || self.oContrato.horario_definido)
                }
            });

这就是 Html:

  <button ng-if="boton.show"
          ng-repeat="boton in personaAndContrato.aButtons"
          type="button"
          ng-class="boton.class"
  />

我知道我正在为“show”属性分配一个 bool 值，因此它不可能更改，因为它是一个简单类型。

顺便说一句，我试图将一个函数分配给“show”属性，但出现以下错误:

    self.aButtons.push({
                label: __('Siguiente'),
                class: 'btn-moduloAvance',
                show: function () {
                    return (self.oContrato.definirPago || self.oContrato.horario_definido);
                }
            });

Html(已编辑):

<button ng-if="boton.show()"
      ng-repeat="boton in personaAndContrato.aButtons"
      type="button"
      ng-class="boton.class"
/>

TypeError: v2.show is not a function at fn (eval at compile (angular.js?version=alpha.1:14539), :4:240)

一些想法？我是否遗漏或误解了某些内容？

提前致谢!

Answer 1

如果ng-if引用了内部变量，则不能在同一个标​​签中使用ng-repeat和ng-if ng-repeat。

将其拆分:

<div ng-repeat="boton in personaAndContrato.aButtons">
    <button ng-if="boton.show()"
      type="button"
      ng-class="boton.class"
   />
</div>