2016-07-17 6 views
0

私は少し失われています。ユーザーがラジオボタンの1つをクリックした後、ボタンのui-refを更新しようとしました。 ui-refは正しく更新されますが、自動的に生成されたhrefは同じままです。私は間違って何をしているのですか?angle1&ionic1更新ui-refラジオボタン選択後

コードビューで:

<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> 

とコントローラ:

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

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

    ]; 

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

}); 

答えて

0

UI-SREFは、双方向のデータバインディングをサポートしていません。ここではgithubの上でこのトピックについての議論は次のとおりです。私にとってhttps://github.com/angular-ui/ui-router/issues/395

シンプルで作業溶液はNGクリックの代わりに使用していた:

コードビューで:

<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> 

とコントローラ:まだ

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

それに提供状態を評価することによって、正しいhrefを生成するように、あなたはアンカーのui-srefa)タグを配置する必要があります。

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

同じ問題、HREFは '$ scope.data = { radiotから生成されます: 'mynav.sele1' }; 'プレースホルダー – Oli

+0

plunkrに問題が発生しますか? –

関連する問題