Angularjs 我有按钮而不是单选按钮？

我正在使用angular JS进行一个项目，我需要制作一个单选按钮列表，以允许用户更改底图。但是我得到的列表没有单选按钮的圆圈。我的控制器是这样的：

(function() {
'use strict';

angular
    .module('gdrtApp')
    .controller('MapController', MapController);

MapController.$inject = ['$scope', '$http', 'olData'];

function MapController ($scope, $http, olData) {
    angular.extend($scope, {
        center: {
            lat: 47.383474,
            lon: 1.329346,
            zoom: 6,
            autodiscover: true
        },
        layers: [
            {
                name: 'OpenStreetMap',
                active: true,
                source: {
                    type: 'OSM',
                    url: "http://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png",
                    attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
                }
            },
            {
                name: 'Stamen',
                active: false,
                source: {
                    type: 'Stamen',
                    layer: 'terrain'
                }
            },
            {
                name: 'Bing Maps Road',
                active: false,
                source: {
                    name: 'Bing Maps',
                    type: 'BingMaps',
                    key: 'Aj6XtE1Q1rIvehmjn2Rh1LR2qvMGZ-8vPS9Hn3jCeUiToM77JFnf-kFRzyMELDol',
                    imagerySet: 'Road'
                }
            },
            {
                name: 'Mapbox Geography Class',
                active: false,
                source: {
                    type: 'TileJSON',
                    url: 'http://api.tiles.mapbox.com/v3/mapbox.geography-class.jsonp'
                }
            }
        ],  
        changeLayer: function(layer) {
            $scope.layers.map(function(l) {
                l.active = (l === layer);
            });
        }
    });
  }
})();

（函数（）{
"严格使用",；
有棱角的
.module（'gdrtApp'）
.controller（“地图控制器”，地图控制器）；
MapController.$inject=['$scope'，'$http'，'olData']；
函数映射控制器（$scope、$http、olData）{
角度。扩大范围{
中心：{
拉脱维亚：47.383474，
伦敦：1.329346，
缩放：6，
自动发现：正确
},
图层：[
{
名称：“OpenStreetMap”，
主动：对，
资料来源：{
键入：“OSM”，
url:“http://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png”，
属性：“©；贡献者”
}
},
{
名称：'雄蕊'，
活动：错误，
资料来源：{
类型：'雄蕊'，
图层：“地形”
}
},
{
名称：'必应地图路'，
活动：错误，
资料来源：{
名称：'必应地图'，
键入：“BingMaps”，
关键字：“AJ6XTE1Q1驱动MJN2RH1LR2QVMGZ-8vPS9Hn3jCeUiToM77JFnf-kFRzyMELDol”，
图像集：“道路”
}
},
{
名称：“地图盒地理类”，
活动：错误，
资料来源：{
键入：“TileJSON”，
网址：'http://api.tiles.mapbox.com/v3/mapbox.geography-class.jsonp'
}
}
],  
变更层：功能（层）{
$scope.layers.map（函数（l）{
l、 活动=（l==层）；
});
}
});
}
})();

我的html文件如下所示：

<nav id="couches">
            <md-radio-group>
                <md-radio-button ng-repeat="layer in layers" ng-click="changeLayer(layer)">{{ layer.name }}<br/></md-radio-button>
            </md-radio-group>
        </nav>

{{layer.name}}

---

当我执行时，我只得到图层名称的列表，当我点击图层名称时，我正确地看到了图层。但是没有单选按钮！我应该修复什么来解决此问题？

您应该分配

ng型号

@RameshRajendran如何分配ng型号plz？我对angularJS是新手。