單選按鈕值的變化不是AngularJS工作

Question

myApp.controller("MyCtrl",function ($scope) { 
    $scope.value1= '0'; 
    $scope.$watch('value1', function(value) { 
    alert(value); 
    }); 
}); 

JS代碼：

var myApp = angular.module('myApp',[]);  
function MyCtrl($scope) { 
    $scope.value1= '0'; 

    $scope.$watch('value1', function(value) { 
     alert(value); 
    }); 
} 

HTML代碼：

<div ng-controller="MyCtrl"> 
<span ng-repeat="i in [0, 1, 2]"> 
    <input name="asdf" ng-model="value1" value="{{i}}" type="radio"> 
</span>  
<hr> 
{{value1}} 
</div> 

警報顯示在僅加載。之後，value1僅顯示初始值，即0。

Demo

Answer 1

它實際上的範圍問題。我在http://jsfiddle.net/ucf02Lxz/2/修改了這個例子。看一看。基本上你需要使用一個對象來修改父範圍的值。

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

myApp.controller('MyCtrl', function($scope) { 
    // an object to prevent problem 
    $scope.data = {}; 
    $scope.data.value1 = '0'; 

    $scope.$watch('data.value1', function(value) { 
     alert(value); 
    }); 
}) 

<div ng-controller="MyCtrl"> 
    <span ng-repeat="i in [0, 1, 2]"> 
     <input name="asdf" ng-model="data.value1" ng-value="i" type="radio" /> 
    </span>  
    <hr /> 
    {{data.value1}} 
</div> 

更多的https://github.com/angular/angular.js/wiki/Understanding-Scopes