2014-09-26 3 views
0

나는 라디오 목록에서 선택된 값을 어떻게 얻을 수 있습니까?각도 - Ng 변경은 항상 동일한 값을 반환합니다.

나는 변화를 시도하고 범위를 보았지만, 항상 앱이 시작될 때 모델에 설정된 첫 번째 값만 얻는다.

라디오 버튼 그룹 :

<div class="list" ng-contoller="SettingsCtrl"> 
     <ion-radio ng-model="choice" ng-value="'dials'">Dials</ion-radio> 
     <ion-radio ng-model="choice" ng-value="'conversations'">Conversations</ion-radio> 
     <ion-radio ng-model="choice" ng-value="'appoitnments'">Appointments</ion-radio> 
     <ion-radio ng-model="choice" ng-value="'orders'">Orders</ion-radio> 
     </div> 

JS : i가 값을 선택으로이 값을 설정 얻을 수있는 방법

// Default choice scope 
$scope.choice; 

$scope.$watch('choice', function(value) { 
      // Here i get always the same value 
      console.log("Selected goalType, text: " +value); 
}); 

여기

내 코드의 예는 망원경?

도움 주셔서 감사합니다.

답변

1

입력 프레임 워크와 입력 라디오 버튼을 사용하지 않고 작동합니다. 방금이 라인에 실수를했습니다. <div class="list" ng-contoller="SettingsCtrl">. 컨트롤러를 잊어 버렸습니다.

<!DOCTYPE html> 
<html ng-app="app"> 

    <head> 
    <script data-require="[email protected]" data-semver="1.2.25" src="https://code.angularjs.org/1.2.25/angular.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body > 
    <div class="list" ng-controller="SettingsCtrl"> 
     <input type="radio" ng-model="choice" ng-value="'dials'">Dials 
     <input type="radio" ng-model="choice" ng-value="'conversations'">Conversations 
     <input type="radio" ng-model="choice" ng-value="'appoitnments'">Appointments 
     <input type="radio" ng-model="choice" ng-value="'orders'">Orders 
     </div> 
    </body> 

</html> 

그리고 자바 스크립트 HTML :

var app = angular.module('app', []); 

app.controller('SettingsCtrl', function($scope){ 
    $scope.choice; 
    console.log('ctrl'); 
    $scope.$watch('choice', function(value) { 
       // Here i get always the same value 
       console.log("Selected goalType, text: " +value); 
    }); 
}); 

현재 작업을 볼 수 있습니다 http://plnkr.co/edit/TRJKW7eOlBek6TditM1B?p=preview

편집이 내가 테스트 한 다음

는 코드 작업입니다 그것은 이온 성 골격을 가지고 있습니다. 그것은 또한 일하고있다. 그래서 그것은 단지 문제였습니다.

0

나는 this fiddle을 만들었습니다. radio을 선택하면 $scope.currentSelection이 변경되어 현재 선택한 목표를 알 수 있습니다.

관련 문제