angular2 html lädt nicht immer

Question

Ich arbeite mit eckigen und ich habe das Problem, dass, wenn meine Seite lädt, einige von meinem Text nur überhaupt nicht angezeigt wird. Erst nach dem Ändern der Größe des Fensters erscheint es oder nach einigen Aktualisierungen. Es tut dies auch mit Button-Text, aber in diesem Beispiel mit den <b> Tags. Im Folgenden sind zwei Bilder, das erste ist das, wenn der Text nicht ladet, das zweite ist, wenn ich die Größe des Fensters und das dritte, wenn ich lege? vor jedem Wert in den Methoden

Vielen Dank für Ihre Hilfe!

HTML-Code:

<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

try this: hinzufügen? Markierung vor jedem .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>