Javascript 如何从angular ui tabset加载所有选项卡中的内容（即使未处于活动状态）

这件事我已经纠结了一段时间了，希望有人能帮上忙

我有四个不同的控制器和模板。一个控制器有一个标题、一个提交按钮和三个选项卡。为了回答这个问题，我将其称为父控制器，该父控制器的模块是

personManagement

parent.html中的选项卡集如下所示：

<div>
   <h3> Main page title </h3>
   <div>
    <tabset>
       <tab role="tab" heading="General Info" ui-sref="tab1"></tab>
       <tab role="tab" heading="Detailed Info" ui-sref="tab1"></tab>
       <tab role="tab" heading="Related Info" ui-sref="tab1"></tab>
    </tabset>
    <div ui-view></div>
</div

每次修改输入框时，都会调用父控制器中的函数，但它始终只知道当前选项卡所需的字段。我很确定这是因为在导航到其他选项卡之前，其他选项卡都是隐藏的，因此DOM只包含来自当前选项卡的数据

---

是否有办法解决此问题，以便我可以验证所有3个选项卡上的所有必填字段是否已填写，以便启用“提交”按钮？

请选择“删除”并添加到问题中。请给出所有表单的名称，并检查表单是否都有效。Eng:

（$scope.form1.$valid&&$scope.form2.$valid）

父控件可以访问子模板的所有作用域请制作Pucker并添加有问题的内容..给出所有表单的名称，并检查表单是否都有效。Eng:

（$scope.form1.$valid&&$scope.form2.$valid）

父控件可以访问子模板的所有范围

angular.module('myApp.personManagement').factory('RequiredFieldsFactory', function () {
    return { AllRequiredFields: [], checkAllRequiredFields: '' };
}); //this code is in the parent controller. The definition for the `checkAllRequiredFields` function is also declared in the parent controller..