扩展UI-Router-Tabs以显示表单验证状态

Question

我对Angular很陌生，并且在确定如何将数据服务中的值绑定到我创建的https://github.com/rpocklin/ui-router-tabs项目的自定义方面遇到了问题。

自定义是在选项卡标题中显示一个图标，该图标根据相应ui-view的验证状态进行切换。我已经连接了一个数据服务，该服务在验证成功或失败时更新，并且正在查看绑定＆＃34;由呈现选项卡的控制器。

当我尝试将此值作为＆＃34;选项＆＃34;传递给选项卡数据时，会出现问题。验证状态更改时，未处理值更改/图标切换。如果我通过硬编码＆＃34; true＆＃34;在标签数据中，显示所需的图标。

vm.tabs = [
        {
            heading: "View 1",
            route: "manage.view1",
            options: {
                status: vm.stateService.getForm1State()
            }
        },
        {
            heading: "View 2",
            disable: vm.disableTabs,
            route: "manage.view2",
            options:{
                status: true
            }

        }
    ];

这似乎不应该那么困难，所以我想我只是缺少一些关于范围界定的明显内容。这是一个问题http://plnkr.co/edit/iefvwcffSZmpfy83NGde?p=preview来证明这个问题。

注意：应该标记为ui-router-tabs，但我缺乏创建标记的声誉。