css - 在primeng评级组件的文本侧放置

Question

这是我的问题的 StackBlitz

<h6>
  <p-rating [(ngModel)]="raitng" [cancel]="false" ></p-rating>
<span> (5)</span>
</h6>

我希望最后一个<span>5</span>位于 Rating 组件的右侧或左侧。我该怎么做呢。请参阅StakBlitz

谢谢。

Answer 1

只需将带有字符串插值的 ngModel 放在跨度标签之间，例如：

<h6>
  <p-rating [(ngModel)]="raitng" [cancel]="false" ></p-rating>
<span> {{raitng}}</span>
</h6>

更新在右侧只需添加 style="display: inline-block;" 对 p 评级元素，如：

<h6>
  <p-rating [(ngModel)]="raitng" style="display: inline-block;" [cancel]="false" ></p-rating>
<span> {{raitng}}</span>
</h6>