Rendern eines Star Rating Systems mit angularjs
Meine App ist in diesem Fiddle Ich muss ein Sternenbewertungssystem dynamisch von einem http-Dienst rendern, wobei die aktuellen Sterne und die maximalen Sterne mit jedem Fall variieren können.
Ist es eine gute Idee, Arrays aus $scope.current und zu erstellen?
$scope.max - $scope.current und übergebe sie und führe ng-repeat über sie aus, oder es gibt eine optimierte Lösung als diese.
Iteration ng-nur X-mal in AngularJs wiederholen
7 Antworten
Star Rating kann entweder statisch (schreibgeschützt) oder dynamisch
erfolgen 
Wenn Sie nur Rating als Stern anzeigen möchten, versuchen Sie es mit dem folgenden
Statische Sternbewertung
html
%Vor%Skript
%Vor%Wenn du Star Rating dynamisch machen willst, probiere dies aus
Dynamische Star-Bewertung
Html
%Vor%Skript
%Vor%Es gibt ein wunderbares Tutorial hier für weitere Erklärungen über Angular Star Rating
Mein minimalistischer Ansatz:
Die Ansicht
%Vor% Hinweis : Wenn Sie das Ereignis onClick anstelle von onMouseOver verwenden möchten, ersetzen Sie ng-mouseover durch ng-click im obigen HTML.
Der Controller
%Vor%Optional einige CSS-Erweiterungen
%Vor%Nicht überzeugt? Versuchen Sie diese JSFiddle: Ссылка
Tags und Links javascript angularjs