刷新时字段消失的问题

Question

我有一个名为IP限制的字段，当您第一次加载页面时，它显示没有问题。但是，当我刷新页面时，它消失了，只有当我退出页面并返回页面时，它才会再次显示。除此以外，所有其他字段都很好，所以我想知道问题出在哪里。

HTML：

<div class="widget-body">
  <form class="form-horizontal" name="siteUserDetailsForm">
    <fieldset>
      <div class="form-group">
        <label class="col-lg-4 col-sm-4 col-xs-4 control-label no-padding-right">Site Name</label>
        <div class="col-lg-6 col-sm-6 col-xs-6" ng-if="isNewSiteUser">
          <select ng-options="siteName.id as siteName.title for siteName in clientSiteNameList" id="siteName" ng-model="targetEntity.siteId" ng-change="onSiteNameChange()">
          </select>
        </div>
        <div class="col-lg-6 col-sm-6 col-xs-6" ng-if="!isNewSiteUser">
          <select disabled>
            <option value="">{{targetEntity.siteName}}</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label class="col-lg-4 col-sm-4 col-xs-4 control-label no-padding-right">IP Restrictions</label>
        <div class="col-lg-6 col-sm-6 col-xs-6">
          <tags-input use-strings="true" id="ipRestrictions" ng-model="targetEntity.ipRestrictions" ng-disabled="editMode == false" placeholder="Add new host or IP">
          </tags-input>
        </div>
      </div>
      <div class="form-group">
        <label for="nonBillable" class="col-lg-4 col-sm-4 col-xs-4 control-label no-padding-right">Non-billable?</label>
        <div class="col-lg-6 col-sm-6 col-xs-6">
          <label class="checkbox-top-pad">
            <input id="nonBillable" class="checkbox-slider yesno" type="checkbox"
              ng-model="targetEntity.nonBillable"
              ng-disabled="editMode == false">
            <span class="text"></span>
          </label>
        </div>
      </div>
      <div class="form-group">
        <label for="concurrentAccessCount" class="col-lg-4 col-sm-4 col-xs-4 control-label no-padding-right">Concurrent Access Count</label>
        <div class="col-lg-3 col-sm-3 col-xs-3">
          <div class="input-group spinner">
            <input id="concurrentAccessCount" type="number" min="1" class="form-control" ng-model="targetEntity.concurrentAccessCount" ng-disabled="editMode == false">
          </div>
        </div>
      </div>
      <div class="form-group" ng-class="{ 'has-error' : siteUserDetailsForm.site.$invalid && !siteUserDetailsForm.site.$pristine }">
        <label for="entitleOnDemand" class="col-lg-4 col-sm-4 col-xs-4 control-label no-padding-right">Entitlements On Demand</label>
        <div class="col-lg-6 col-sm-6 col-xs-6">
          <select ng-options="entitlementSet.id as entitlementSet.name for entitlementSet in entitlementSetList" id="entitleOnDemand" ng-disabled="editMode == false" ng-model="targetEntity.entitlementsOnDemandId">
            <option value=""> -- Please Select --</option>
          </select>
        </div>
      </div>
    </fieldset>
  </form>
</div>

视觉指南