typescript - אני לא מצליח לקבל את הסמל של הכוכב Alone בדפדפן

אני לא מצליח להשיג את סמל הכוכב לבד בדפדפן. הנה מה שעשיתי:

1. שמתי אובייקט במחלקה של app.component.ts

   post = {
     valu:true
   }
   

2. שַׂמְתִּי אֶת הַקּוֹד הָבָּא בְּרְכִיב שֶׁלִּי שֶׁלָּקַחְתִּי לְעוֹלוֹת, כלומר star.component.html

   <span
   class ="glyphicon" 
   [class.glyphicon-star]="valu"
   [class.glyphicon-star-empty]="!valu"
   (click)="onclick()"
   class="glyphicon glyphicon-globe"
   >
   </span>
   

3. והקוד ב-app.component.html

   <app-star 
     [valu]="post.valu"
   >
   
   </app-star>
   

4. מקומו של דקורטור קלט ב-star.component.ts

   @Input() valu:boolean;
   

נ.ב. התקנתי את Bootstrap