5
Im cố gắng để ràng buộc giá trị được chọn trong danh sách các nút radio để một ng-modelAngularJs: Ràng buộc ng mô hình vào một danh sách các nút radio
tôi có:
<!DOCTYPE html>
<html ng-app="testApp">
<head>
<script src="./bower_components/angular/angular.min.js"></script>
<script src="test.js"></script>
</head>
<body ng-controller="testController">
<form>
<div ng-repeat="option in occurrenceOptions">
<input type="radio" name="occurrence" ng-value="option" ng-model="selectedOccurrence" /><label>{{ option }}</label>
</div>
</form>
<div>The selected value is : {{ selectedOccurrence }}</div>
<!-- This works -->
<input type="radio" ng-model="selected2" ng-value="'1'"> 1
<input type="radio" ng-model="selected2" ng-value="'2'"> 2
<input type="radio" ng-model="selected2" ng-value="'3'"> 3
<div>This selected value is : {{ selected2 }} </div>
</body>
</html>
Đối với bộ điều khiển của tôi:
(function() {
var app = angular.module('testApp', []);
app.controller('testController', function($scope) {
$scope.occurrenceOptions = [];
$scope.occurrenceOptions.push('previous');
$scope.occurrenceOptions.push('current');
$scope.occurrenceOptions.push('next');
$scope.selected2;
});
}());
Trong phần đầu tiên, tôi đã cố gắng ng lặp lại tất cả các occurrenceOptions và liên kết tất cả với cùng một mô hình. Tuy nhiên, mỗi lần tôi chọn một cái gì đó giá trị selectedOccurrence không thay đổi.
Xem plunkr: https://plnkr.co/edit/k1pMgkLdrMUG1blktQx1?p=preview
mà không ng-repeat và chỉ cần gõ ra tất cả các nút radio, tôi có thể có được điều này để làm việc. Tại sao phiên bản ng-repeat không hoạt động?