javascript - 加载所有内容后显示具有多个 ng-repeat 的表单

Question

我有一个带有多个 ng-repeat block 和其他没有 ng-repeat block 的表单。如何等到所有内容加载完毕后再渲染表单

举个例子

<form name="forms.confirmForm" ng-submit="submitForm()">

    <div>
      <div ng-repeat="phone in candidate.phones" style="position:relative">
       -- write out some value 
    </div>

    <div class="small-12">
      <label>first name
      </label>
      <input name="firstName" type="text"  />

      <div ng-repeat="phone in candidate.email" style="position:relative">
           -- write out some value 
      </div>
    </div>

    <div class="apply-bar">
        <button class="button button-apply" type="submit">
          apply
        </button>
    </div>
</form>

** 该信息来自模型，并且加载一次。 ng-repeat 只是获取模型的一部分并进行迭代

Answer 1

使用ng-if检查数组项是否已加载。

<form name="forms.confirmForm" ng-submit="submitForm()"
      ng-if="candidate.phones.length > 0 && candidate.email.length > 0">