Question

好的，我要做的是以下内容：如果名为'autoPack'的输入为空，请显示div 'forma_reservas_gustos'。如果它不为空，请不要显示div。我遇到的问题是，无论input的值是什么，都会始终显示div。我尝试了很多东西，但似乎没有任何工作。

HTML：

<input type="hidden" name="autoPack" id="autoPack" ng-model="autoPack" value="">

<div class="forma_reservas_gustos" ng-show="!autoPack">
  <div class="forma_reservas_gustos_interior wid1k pbot20">
    <div class="paso">
      <div class="butpasos">
        <img src="/wp-content/uploads/2017/08/uno.png" />
      </div>
      <div class="textpasos">
        <h3>SELECCIONA EL PACK DE EXPERIENCIAS QUE MÁS TE GUSTE</h3>
      </div>
    </div>
    [...]

JS

document.forms["forma_reservas_form"].autoPack.value = "xxxx";

当我使用Google Developer Tools检查时，html input的值为'xxxx'。所以它实际上不是空的，因此div不应该显示，但这是出于一些奇怪的原因。有人能帮助我吗？

Answer 1

看起来autoPack必须是$scope的属性...而不仅仅是表单上的属性。

...
$scope.autoPack = "xxxx";
...

Ng-show无论如何都显示div

1 个答案: