각도 JS 모델

Question

사이에 내가 AngularJS와 꽤 새로운 그리고 난 코드의 작은 부분에 잠겨있어 전환합니다. 내 컨트롤러에는 각 라디오 옵션에 대한 json 배열이 있습니다.

어떻게 내가 선택한 라디오 버튼에 따라 테이블 데이터를 동적으로 바인딩 할 수 있습니까?

예 : 나는 A와 B 선택 사항이있는 라디오를 가지고 있습니다.

$scope.choice = 'A' 
$scope.A = {name: 'A', propA: 'Aprop'} 
$scope.B = {name: 'B', propB: 'Bprop'} 
$scope.gridOptions = ????? 

가 사전에 감사합니다

<div class="btn-group"> 
      <button type="button" class="btn btn-primary" ng-model="choice" btn-radio="'A'">A</button> 
      <button type="button" class="btn btn-primary" ng-model="choice" btn-radio="'B'">B</button> 
     </div> 
<div class="gridStyle" ng-grid="gridOptions"> 
     </div> 

컨트롤러는 세 가지 배열을 얻었다.

찰리 당신은 $ scope.choice를 볼 수 있습니다

Answer 1

는 :

$scope.$watch('choice', function(newVal, oldVal) { 
    $scope.gridOptions = $scope.choice; 
}); 

이는 전체 $ scope.A 객체에 $ scope.choice를 설정해야합니다. 부트 스트랩 라디오 버튼과 함께 작동하는지 모르겠지만 일반적인 각도 라디오 버튼과 함께 작동합니다.

Answer 2

범위를 설정할 수 있습니다. gridOptions에 할당되는 데이터를 교체하는 "choice"에서 $ watch expression. 컨트롤러

$scope.$watch('choice', function(newValue, oldValue) { 
    if ($scope.choice == 'A') { 
     $scope.gridOptions = ?????? 
    } else { 
     $scope.gridOptions = ????? 
    } 
}) 

편집 내부

: 시계 표현 만 다이제스트주기 동안 불리는 $ 다이제스트는 필요하지 않습니다.