如何使用没有表单的点击事件发送评级值

Question

我正在使用以下对话框，该对话框具有评级系统，包含10颗星。我想发送<明星的值，作为数字< / strong> 点击事件到打字稿文件，以便我可以通过http请求将其发送到数据库。

<h2 mat-dialog-title>Rate sitter {{ sitter.firstname }} {{ sitter.lastname }}</h2>
<mat-dialog-content class="mat-body-1">
  <ngb-rating [(rate)]="currentRate">
    <ng-template let-fill="fill">
      <span class="star" [class.filled]="fill">&#9733;</span>
    </ng-template>
  </ngb-rating>
  <hr>
  <pre>Rate: <b>{{currentRate}}</b></pre>
</mat-dialog-content>
<mat-dialog-actions>
  <button mat-button mat-dialog-close>Cancel</button>
  <button mat-button (click)="rateSitter()" [mat-dialog-close]="true">Rate</button>
</mat-dialog-actions>

我如何才能 需要将其置于表单中？我应该将参数传递给点击事件的功能？

Answer 1

你可以使用（rateChange）

<ngb-rating
    [(rate)]="rating"
    [starTemplate]="t"
    [readonly]="readOnly"
    [max]="max"
    (hover)="isRating = true; hovered = $event"
    (leave)="isRating = false; hovered = 0"
    (rateChange)="onRateChange($event)">
</ngb-rating>

并创建可获得费率值的功能

onRateChange(rating :number) {        

    // save or send your rating value

}