我无法在浏览器中获得单独的星形图标

Question

我无法在浏览器中获得单独的星形图标。这就是我所做的：

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;
   

P.S。我已经安装了bootstrap