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>