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>