javascript - Ng-show 无论如何都会显示 div

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 开发人员工具检查它时，html input 确实具有值 'xxxx'。所以它实际上不是空的，因此 div 不应该显示，但它是出于某种奇怪的原因。谁能帮帮我？

Answer 1

看起来 autoPack 需要成为 $scope 的属性...而不仅仅是表单上的属性。

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