选择标记在观看时不会更改为所选值

Question

我在选择新值时选择标记的标题不会改变。我有另一个div，它只在从select中选择某个值时出现。

register.html

<label class="item item-input item-select">
  <span class="input-label">
      &nbsp;
  </span>

  <select name="idselect" ng-model="data.idType" class="pretty-select">

      <option value="">
        {{ "select-id-type" | translate }}
      </option>

      <option
        ng-repeat = "idType in idTypes"
        value     = "{{ idType.shortcode }}">
          {{ idType.name }}
      </option>

  </select></label>

稍后在代码中......

<label
class   = "item item-input item-stacked-label inherit-bgc"
ng-show = "data.idType === 'passport'">
<span class="input-label">

  {{ "expiration-date" | translate }}

</span>

<input type="date" ng-model="data.idExpiry" name="expirydate"></label>

config.js

config.idTypes = {
  1: {
    name: "ID Card",
    shortcode: "idcard"
  },
  2: {
    name: "Passport",
    shortcode: "passport"
  }
};

它隐藏并显示正确输入的失效日期（即＆＃34;护照＆＃34;是选定值）。它没有做的是拥有＆＃34; Passport＆＃34;选择时显示在选择器中，除非您选择Passport - ＆gt; ID - ＆gt;护照 - ＆gt; ID - ＆gt;护照按此顺序（正好3次），或将焦点更改为输入元素。

有什么想法吗？我已经尝试过使用$ watch和一个全局变量，虽然它也显示和隐藏了输入，但选择器仍然没有更新。