Como fazer a classificação por estrelas usando o botão de ícone angular de 7 materiais?

PGH

CENÁRIO: Eu criei uma opção de classificação usando o botão de ícone de material da seguinte forma:

Avaliação

Resultado esperado:

  • Quero mudar a cor de icon-buttonquanto o usuário vai selecionar assim:

insira a descrição da imagem aqui

  • Preciso obter um valor como 3,3.5,4 dependendo da seleção do usuário.

DEMO

staticvoidmain

Implementei o sistema de classificação do tipo Amazon (o mesmo requisito que o seu) em meu aplicativo Angular 7. Eu usei esta amostra . Isso parece simples, menos linhas de código e você pode reutilizar o widget.

URL de demonstração: https://angular-material-star-rating.stackblitz.io

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

A classificação por estrelas de bootstrap define estrelas padrão

Como encontrar a média de classificação por estrelas no mangusto

Angular: classificação por estrelas

Sistema de classificação por estrelas jquery

como passar valores dinâmicos no plugin de classificação por estrelas no angular 2?

Como fazer uma classificação por estrelas simples?

Como parar de alternar a classificação por estrelas ao clicar em ui.bootstrap Classificação por estrelas?

Como é chamado o ícone de pino nos ícones de materiais?

Precisa fazer js funcionar várias vezes em um sistema de classificação por estrelas, bootstrap

exibir classificação por estrelas usando laravel

Transforme um número em exibição de classificação por estrelas usando jQuery e CSS

Reaja o componente de classificação por estrelas usando flexbox e svg (com Sandbox)

Como faço para criar um sistema de classificação por estrelas?

Adicionar opção de classificação de produtos por classificação por estrelas ASC no Woocommerce

Como criar um sistema de classificação de cinco estrelas no Excel usando porcentagem

Angular 6: Como implementar a Paginação e Classificação na Tabela Angular de Materiais

Sistema de classificação por estrelas salvar valor ao clicar

classificação por estrelas dentro de uma caixa

Número médio de classificação por estrelas

Classificação por estrelas com apoio de meia estrela

Sistema de classificação por estrelas em trilhos

Sistema de classificação por estrelas em RTL

Modal de feedback com classificação por estrelas

Sistema de classificação por estrelas em RTL

Como fazer estrelas de avaliação no react js?

Classificação por estrelas do CSS com botões de opção

Vários botões de opção com simple_form (classificação por estrelas)

como preencher a classificação por estrelas de acordo com os votos

Como alterar as estrelas da barra de classificação do Android?