Rating - Valoraciones

Mostraremos el resultado de valoraciones de ese producto

Componente que vamos a utilizar para mostrar las puntuaciones del producto con su valoración media y número de valoraciones, algo como lo siguiente:

Implementando el rating

Módulo

// your.module.ts
import { NgModule } from '@angular/core';
import { RatingModule } from '@mugan86/ng-shop-ui';​
@NgModule({  
    declarations: [YourComponent],  
    imports: [    ...,
       RatingModule  
    ]
})
export class YourModule { }

Interface

La estructura de las valoraciones deberá de ser la siguiente:

export interface IRatingItem {
    value: number;          // Valoración media (por ejemplo 4.05)
    count: number;        // Número de valoraciones (por ejemplo: 345)
}

Componente

Teniendo en cuenta esta estructura, tenemos que usarla dentro del componente, añadiendo valor de la valoración con su valoración media y números de valoraciones realizadas.

export class YourComponent implements OnInit {
  ratingValue: IRatingItem = {
    value: 4.05,
    count: 345
  }
}

Pasar la información (HTML)

<shop-rating [rating]="ratingValue"></shop-rating>

Resultado

Os muestro con algún ejemplo como aparecería, aunque sería lo mismo que la imagen inicial de esta página.