单选按钮值不会传播到 $scope

Question

我试图在单击单选按钮时选择正确的模板，但 ng-model 值不会传播到 $scope。这是我的控制器：

eventsApp.controller('FirstTestController',
function FirstTestController($scope, $filter) {
    $scope.menu = ['List', 'Table'];
    //$scope.checkedMenuItem = null;
    $scope.data = [
        { action: "Get groceries", complete: false },
        { action: "Call plumber", complete: false },
        { action: "Buy running shoes", complete: true },
        { action: "Buy flowers", complete: false },
        { action: "Call family", complete: false }];
    $scope.chooseTemp = function () {
        if ($scope.checkedMenuItem == 'Table') {
            return 'templates/testTemp.html';
        }else {
            return 'templates/listTemp.html';
        }

    };

});

这是我的 html:

  <form name="myForm" ng-controller="FirstTestController">
     <div ng-repeat="menuItem in menu">
              <label>
                  <input  type="radio" name="group" ng-model="checkedMenuItem"  value="{{menuItem}}" />
                  {{menuItem}}{{checkedMenuItem}}  </label>
          </div>
    <ng-include src="chooseTemp()"></ng-include>
   </form>

$scope.checkedMenuItem 的值始终未定义。谢谢你。迈克尔

Answer 1

由于 ng-repeat 创建子作用域，需要在 ng-model 中使用 $parent 来访问父作用域。感谢 charlietfl，他的评论帮助我解决了这个问题。

单选按钮值不会传播到 $scope

Radio button value does not propagate to $scope

radio-button

angularjs