AngularJS / ui-bootstrap单选按钮组+工具提示？

Question

此处示例：http://plnkr.co/edit/a3sSYCy6y046uDJoqb4X?p=preview

我有一个AngularJS / ui-bootstrap单选按钮组，但是当我向按钮添加工具提示时，他们不再在单击时更新模型并且不能正确切换。知道为什么吗？

Answer 1

修改范围的属性总是一个坏主意，因为如果您使用指令导致子范围，则将修改子范围的属性，而不是原始范围中的原始属性：

点击第二个：

之前

 parent scope ---> First
                     ^
 child scope --------|

点击后：

 parent scope ---> First

 child scope ----> Second

因此，您应该将按钮绑定到范围对象的属性：http://plnkr.co/edit/HlRXqP9r4zAjFWY1PpbY?p=preview：

点击第二个：

之前

 parent scope ---> model1 ---> First
                     ^
 child scope --------|

点击后：

 parent scope ---> model1 ---> Second
                     ^
 child scope --------|