angulaire2 html ne charge pas toujours

Question

Je travaille avec angular et j'ai le problème que lorsque mon page se charge, une partie de mon texte ne s'affiche pas du tout. Seulement après le redimensionnement de la fenêtre fait apparaître ou, après avoir rafraîchi quelques fois. Il le fait également avec le texte du bouton mais dans cet exemple avec les balises <b>. Voici deux images, la première est celle où le texte ne se couche pas, la seconde est quand je redimensionne la fenêtre et la troisième si je mets? devant chaque valeur dans les méthodes

Merci de votre aide!

code 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

essayez ceci: ajouter? marque avant chaque .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>