指令中的无线电输入不使用按钮标签

Question

我创建了以下指令，该指令正常工作：

angular
    .module('app')
    .directive('radioselect', radioselect);

radioselect.$inject = [];

function radioselect() {
    var html =
        '<div class="form-group">' +
        '   <label>{{title}}</label>' +
        '   <div class="btn-group btn-group-sm pull-right" data-toggle="buttons">' +
        //'     <label class="btn btn-primary" ng-class="{\'active\': model === true }">' +
        '           <input type="radio" name="{{groupname}}" autocomplete="off" ng-model="model" ng-value="true"> Ja' +
        //'     </label>' +
        //'     <label class="btn btn-primary" ng-class="{\'active\': model === false }">' +
        '           <input type="radio" name="{{groupname}}" autocomplete="off" ng-model="model" ng-value="false"> Nein' +
        //'     </label>' +
        //'     <label class="btn btn-primary" ng-class="{\'active\': model === undefined || model === null }">' +
        '           <input type="radio" name="{{groupname}}" autocomplete="off" ng-model="model" ng-value="null"> Alle' +
        //'     </label>' +
        '   </div>' +
        '</div>';
    var directive = {
        restrict: 'E',
        template: html,
        replace: true,
        scope: {
            model: '=',
            groupname: '@',
            title: '@'
        }
    };        

    return directive;
}

由于我使用的是bootstrap，我想使用按钮而不是复选框，所以我按https://getbootstrap.com/docs/3.3/javascript/所示插入标签（取消注释注释行）。

但是它没有用。设计正在运行，但绑定似乎不起作用。

我做错了什么？