AngularJS - 防止单选按钮更新模型

Question

我将树的radiobuttons绑定到同一个对象。

如果用户单击单选按钮，它会立即更改我尝试阻止的模型。

我可以存储旧值并在更改后重新分配，但我想知道是否有更好的解决方案，例如preventDefault ..

背景：单击应触发服务器更新，并且只应从服务器响应更改对象。

HTML     

<label ng-click="changeval($event, 0)"><input type="radio" ng-model="radioval" ng-value="0">val0</label>


<label ng-click="changeval($event, 1)"><input type="radio" ng-model="radioval" ng-value="1">val1</label>

<label ng-click="changeval($event, 2)"><input type="radio" ng-model="radioval" ng-value="2">val2</label>
</form>

脚本

function MyCtrl($scope) {
    $scope.radioval = 0;

    $scope.changeval = function(event, timeMode) {

        event.preventDefault();

        // send update to server
    }
}

这是一个小提琴：https://jsfiddle.net/Xsk5X/1055/

只需单击标签即可，但不能直接点击无线电圈