将定级评级成分的文字侧

Question

这里是StackBlitz of my problem

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

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

谢谢。

Answer 1

只需将带有字符串插值的ngModel放在span标签之间 喜欢：

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

已更新，只需在右侧添加style =“ display：inline-block;”像这样的p-rating元素：

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