Question

我正在制作一个评级表，我想在其中制作评级星，但是如果使用警报，则无法使评级星像空一样，然后单击。如何在警报中填写

我有以下html代码

   <ion-header>
    <ion-navbar>
      <ion-title>
      Ionic Blank
      </ion-title>
    </ion-navbar>
 </ion-header>
 <ion-content>
   <ion-card padding>
     <rating [(ngModel)]="rate" max="5" emptyStarIconName="star-outline"  
   halfStarIconName="star-half"     starIconName="star"  nullable="false"  
  (ngModelChange)="onModelChange($event)">
  </rating>
  <h2>{{rate}}</h2>
 </ion-card>
</ion-content>

这是它的scss

 ul {
  padding: 10px;
  &.rating li {
    padding: 5px 10px !important;
    background: none;
    color: #ffb400;
    ion-icon {
      font-size: 40px;
    }
  }
  }

这可以正常工作，但是它在卡中正常工作，我希望弹出一个警报，但我不知道如何将其集成到警报中。其次，我尝试使用星星作为按钮来使自己处于警报状态，但是它无法按我想要的方式工作，我需要帮助

Answer 1

嗨，您将它放在src \ theme \ variables.scss下的CSS上方

如何在ionic 2警报中集成ionic2-rating插件

1 个答案: