Angular Directive Datenbindung funktioniert nicht in ng-show

Question

Dies ist die example jsfiddle. Ich versuche ng-model den Wert auf einen Klick etwas. aber dieser Wert aktualisiert sich nicht in directive. Ich versuchte mit $scope.$watch auch. Es tut mir leid für schlechtes Englisch und Anfänger zu angularjs.

<div ng-click=show()>show directive</div> 
<div ng-show="afterSomeTime"> 
<div class="star-rating" star-rating rating-value="rating" 

data-max="10" on-rating-selected="rateFunction(rating)"></div>sdsadasdasd</div> 

hier ich habe versucht Richtlinie nach einiger Klick-Ereignis auslösen, aber ich war nicht in der Lage, dass das Beispiel js Geige Link achieve.check aus

Answer 1

Start ab Zeile 43

scope.$watch('ratingValue', 
    function(oldVal, newVal) { //<-this is where you did wrong 
     if (newVal) { 
      updateStars(); 
     } 
    } 
); 

Gerade Swap oldVal und newVal, sollte es jetzt funktionieren, glaube ich.

Answer 2

Sie müssen $ scope.rating zuerst mit einem Initialwert definieren, dann können nur Sie das mit Direktive verbinden.

code https://jsfiddle.net/nbakliwal18/aL7cs9je/1/