angular1 & ionic1 update ui-ref nach Radiobutton Auswahl

Question

Ich bin ein bisschen verloren. Ich versuche, die ui-ref einer Schaltfläche zu aktualisieren, nachdem der Benutzer auf einen der Optionsfelder klickt. Die ui-ref wird korrekt aktualisiert, aber die automatisch generierte href bleibt gleich. Was mache ich falsch?

-Code in der Ansicht:

<div ng-controller="radiotCtrl"> 
    <div class="list" > 
      <ion-radio ng-repeat="item in radiotList" 
        ng-value="item.value" 
        ng-model="data.radiot"> 
      {{ item.text }} 
      </ion-radio> 
     </div> 
     <div ui-sref='{{ data.radiot }}'> <a id="button14" class=" button button-positive button-block button-outline ">Next</a></div> 
    </div> 

und die Steuerung:

.controller('radiotCtrl', function($scope) { 

    $scope.radiotList = [ 
     { text: "Selection 1", value: 'mynav.sele1' }, 
     { text: "Selection 2", value: 'mynav.sele2' }, 

    ]; 

    $scope.data = { 
     radiot: 'mynav.sele1' 
    }; 

}); 

Answer 1

ui-sref nicht unterstützt Zwei-Wege-Datenbindung. hier ist die Diskussion zu diesem Thema auf GitHub: https://github.com/angular-ui/ui-router/issues/395

eine einfache und funktionierende Lösung für mich war ng klicken, stattdessen zu verwenden:

-Code in der Ansicht:

<div ng-controller="RadioBuCtrl"> 
<form class="list "> 
<ion-radio ng-model="user.answer" ng-value="'mynav.optionone'">Option 1</ion-radio> 
<ion-radio ng-model="user.answer" ng-value="'mynav.optiontwo'">Option 2</ion-radio> 
</form> 
<a ng-click="submitAnswer(user)" class="button button-positive">Next</a> 
</div> 

und Controller:

.controller('RadioBuCtrl', function($scope, $state) { 
    $scope.submitAnswer=function(user){ 
$state.go(user.answer); 
} 
}); 

Answer 2

Sie sollen ui-sref auf Anker setzen (a) Tag, so dass er in dem Zustand vorgesehen korrekte href erzeugen wird durch Auswertung .

<div> 
    <a ui-sref='{{ data.radiot }}' id="button14" 
    class=" button button-positive button-block button-outline "> 
     Next 
    </a> 
</div>