在 Angular-UI uib-tab 中访问表单

Accessing a form in an Angular-UI uib-tab

如果您在 uib-tab 中有一个表单,您如何访问它以(例如)验证表单?

这是一个笨蛋:http://plnkr.co/edit/8hTccl5HAMJwUcHEtnLq?p=preview

当我尝试访问 $scope.forminside 时,它是未定义的(uib-tab 内的表单)。但是如果我对 $scope.formoutside 做同样的事情,我就可以访问表单验证等

uib-tabset 有自己的范围,因此 forminside 将在 uib-tabset 的范围内。如果您使用 controller-as 表示法,它将找到正确的范围(控制器之一):

<uib-tab index="0" heading="Tab 1">
    <form name="vm.forminside">
    </form>
</uib-tab>

参见 this edited plunker