Hur man markerar och avmarkerar radioknappen i Typescript AngularJS


Hur man väljer och avmarkerar radioknappen i Angular?

Jag har provat exemplet nedan i Typescript Angular men utan framgång. Finns det något sätt att implementera samma sak.

Problemet var att scope false inte uppdateras när villkoret är sant.

http://jsfiddle.net/cksanjose/67joun8s/

HTML

<div>
    <label class="radio-inline"><input type="radio" value="500"  id="csRdoIntendYes" ng-model="vm.checked" name="optradio1" ng-click="vm.uncheck($event)" >Yes</label>
    <label class="radio-inline"><input type="radio" value="1000" id="csRdoIntendNo"  ng-model="vm.checked" name="optradio2" ng-click="vm.uncheck($event)" >No</label>
</div>

Typescript

uncheck = function (event) {          
    if (this.checked == event.target.value) this.checked = false;           
}

Svar #1

Faktiskt är det uppdaterat, men du kan bara fånga förändring av omfattning i slutet av digesten. Demo http://jsfiddle.net/ttu4kcq8/

Om du vill fånga det aktuella modellvärdet i din hanterare kan du schemalägga det i slutet av den nuvarande digesten med hjälp av $timeout-tjänsten http://jsfiddle.net/ttu4kcq8/1/