Angularjs 角度+；引导切换单选按钮

我正在尝试创建一组单选按钮，以显示切换行为（即，所选按钮应高亮显示）。我正在使用以下部分模板：

<h3>{{fullAddress()}}</h3>

<h4 class="control-label">Result of Visit</h4>
<pre>{{visit}}</pre>

<div class="btn-group" data-toggle="visitState">
    <div ng-repeat="option in visitOptions()" class="btn btn-default" ng-value="option.Value" ng-model="$parent.visit">
        {{option.Label}}
    </div>
</div>

visitOptions（）只返回一个{Label，Value}对象数组

---

就目前情况而言，不存在切换行为。然后，当您单击任何按钮时，模型值（visit）也不会更新：）。

为了其他人的利益，我的代码有两个问题：

我包括了jQuery，它与切换行为相冲突。我必须删除jQuery并包含ui引导，以替换引导使用的事件驱动功能

将模型绑定到“根级别”属性（即，$scope.visit）可以防止angular的自动更新/双向数据绑定功能正常工作。我不得不将ng模型绑定到访问。结果：

<div class="btn-group" data-toggle="visitState">
    <div ng-repeat="option in visitOptions()" class="btn btn-primary" btn-radio="option.Value" ng-model="visit.result">
        {{option.Label}}
    </div>
</div>

最终的标记非常简单：

{{option.Label}

你能给我们一个JSFIDLE或plunker吗

    $scope.visit = { 
        result: "NotHome",
        hadQuestion: false,
        notes: null,
    };

<div class="btn-group" data-toggle="visitState">
    <div ng-repeat="option in visitOptions()" class="btn btn-primary" btn-radio="option.Value" ng-model="visit.result">
        {{option.Label}}
    </div>
</div>