Update the rating from the backend about ngx-bar-rating HOT 9 CLOSED

If the user has already voted then the component should be disabled, use [disabled] input in this case.

from ngx-bar-rating.

I think it is better to have an option to manually update the rate

from ngx-bar-rating.

Thank you

It will solve the issue if already voted.

Just a quick question, if he didn't vote, and I want to show the new rate (not the user vote itself), then I have to handle it in my model I guess.. Not through the component, correct?

May I suggest that in the future, the component gives back the original value and the vote rate value in the event [rateChange], it will make life much easier :)

Thanks for your reply

from ngx-bar-rating.

First, the rate value is bound to your service, when user rates, it update the rate value his rate and the output will emit, on that emit you should update the rate value of that model using your service

<bar-rating [rate]="model.rate" (rateChange)="updateRate(model.id, $event)"></bar-rating>

updateRate(id, value) {
   myService.updateModelRate(id, value);
}

When the model is updated it will update the component with the total rate.

from ngx-bar-rating.

i will do it that way

Thanks Murhaf

from ngx-bar-rating.

actually, i am trying to update the model to apply new rate, it seems it works only for the first time:
https://plnkr.co/edit/3GSfiO70Dq1Ghsn48cWw?p=preview

check the star rating

and sorry for annoying

from ngx-bar-rating.

@Octavious I forgot that this is already possible using the function update()
You can use @ViewChild() to get a reference of the rating component and update it manually
here is a live stackblitz

from ngx-bar-rating.

@MurhafSousli: i guess it is becoming to advanced for me :)

i have more than one component (doing ngfor to loop over them), and doing little search suggested that i need to use @ViewChildren, still, i dont seem to be able to get a handle to the particular one which fired the event.

from ngx-bar-rating.

Hello,

i have made a change in the component which i think will lead it to solve my issue:

if you have time, can you check it?

Regards

changedfiles.zip

from ngx-bar-rating.