angular2 html並不總是加載

Question

我正在使用angular，但遇到的問題是，當頁面加載時，我的某些文本根本無法顯示。 僅在調整窗口大小之后，刷新幾次后才會顯示或。 它還使用按鈕文本執行此操作，但在此示例中使用<b>標記。 下面是兩張圖片，第一張是文本不清晰時的圖片，第二張是我調整窗口大小時的圖片，第三張是我放置窗口時的圖片。 方法中每個值的前面

感謝您的幫助！

html代碼：

<div id="title">
  <span>Stagevoorstellen</span>
</div>
  <div class="dropdowns">
    <div id="one">
      <b>Status voorstel</b>
      <select #selectedStatus class="form-control" (change)="checkStatus(selectedStatus.value)">
        <option value="ToApprove">Nog te keuren</option>
        <option value="Rejected">Afgekeurd</option>
      </select>
    </div>
    <div id="two">
      <div>
        <b>Afstudeerrichting</b>
        <select #selectedSpecialisation class="form-control" (change)="checkSpecialisation(selectedSpecialisation.value)">
          <option value="EVERYTHING">Alles</option>
          <option value="AON">Applicatieontwikkeling</option>
          <option value="SWM">Softwaremanagement</option>
          <option value="SNB">Systemen en netwerkbeheer</option>
        </select>
      </div>
    </div>
    <div id="three">
      <div>
        <b>Reviewer</b>
        <select #reviewerYesOrNo class="form-control" (change)="checkReviewerForNull(reviewerYesOrNo.value)">
          <option value="notAssigned">Niet toegekend</option>
          <option value="assigned">Toegekend</option>
        </select>
      </div>
    </div>
  </div>

Answer 1

試試這個：加嗎？ 在每個.value之前標記

<div id="title">
  <span>Stagevoorstellen</span>
</div>
  <div class="dropdowns">
    <div id="one">
      <b>Status voorstel</b>
      <select #selectedStatus class="form-control" (change)="checkStatus(selectedStatus?.value)">
        <option value="ToApprove">Nog te keuren</option>
        <option value="Rejected">Afgekeurd</option>
      </select>
    </div>
    <div id="two">
      <div>
        <b>Afstudeerrichting</b>
        <select #selectedSpecialisation class="form-control" (change)="checkSpecialisation(selectedSpecialisation?.value)">
          <option value="EVERYTHING">Alles</option>
          <option value="AON">Applicatieontwikkeling</option>
          <option value="SWM">Softwaremanagement</option>
          <option value="SNB">Systemen en netwerkbeheer</option>
        </select>
      </div>
    </div>
    <div id="three">
      <div>
        <b>Reviewer</b>
        <select #reviewerYesOrNo class="form-control" (change)="checkReviewerForNull(reviewerYesOrNo?.value)">
          <option value="notAssigned">Niet toegekend</option>
          <option value="assigned">Toegekend</option>
        </select>
      </div>
    </div>
  </div>