Javascript AngularJS：从多个选项卡下的对象获取数据

在此处使用角度：

我正在基于我得到的json创建动态控件和选项卡。因此，如果我的传入json对象如下所示，那么我将创建两个主选项卡，然后在它们下面创建子选项卡

"MasterTab1": {
  "tab1": ["somedata1-1", "somedata1-2"],
  "tab2": ["somedata2-1", "somedata2-2"]
},
"MasterTab2": {
  "tab1": ["somedata2-1-1", "somedata2-1-2"],
  "tab2": ["somedata2-2-1", "somedata2-2-2"],
  "tab3": ["somedata2-3-1", "somedata2-3-2"]
}

现在，每个子选项卡下都可以有一些控件，如文本框、下拉列表等，示例如下：

 <tabset class="tabbable-line">
    <tab ng-repeat="(key,value) in tabstest1" heading="{{key}}">
      <tabset class="tabbable-line">
        <tab class="tabbable-line" ng-if="key=='MasterTab1'" ng-repeat="(k2,v2) in value" heading="{{k2}}">
        {{ v2 }}
        </tab>
        <tab class="tabbable-line" ng-if="key=='MasterTab2'" ng-repeat="(k2,v2) in value" heading="{{k2}}">
        {{ v2 }}
        </tab>
      </tabset>
    </tab>
  </tabset>

{{v2}
{{v2}

我已经创建了如下演示。该演示包含几个可以在选项卡内的控件

演示

我所困惑的是，一旦用户填写了控件和数据，我应该如何从那里获取数据

我有一个按钮点击，当用户点击这个按钮时，我想得到用户在这些选项卡的所有控件中选择的所有数据

欢迎您的任何意见

---

有人吗？

在控制器中将数据定义为对象后，数据将存储在

$scope.master1

和

$scope.master2

的属性中

$scope.master1 = {};
$scope.master2 = {};

---

请参见此处的示例：

在控制器中将数据定义为对象后，数据将存储在

$scope.master1

和

$scope.master2

的属性中

$scope.master1 = {};
$scope.master2 = {};

---

请参见此处的示例：

为什么要使用如此过时的旧版本的

angular ui引导程序

？使用了一个更相关的库版本。@georgeawg如果你看到我在那里发表的评论，我提到我正在使用这个版本，我现在无法升级。我接受了这个答案，因为我使用了答案代码来适应我的情况。你对我上面的问题有什么意见吗？你是在说这样的事情吗？@AlonEitan是的，谢谢你，它能像预期的那样工作。你为什么要使用这样一个过时的、旧版本的

angular ui bootstrap

？使用了一个更相关的库版本。@georgeawg如果你看到我在那里发表的评论，我提到我正在使用这个版本，我现在无法升级。我接受了这个答案，因为我使用了答案代码来适应我的情况。你对我上面的问题有什么意见吗？你说的是这样的：？@AlonEitan是的，谢谢你，这是意料之中的事。querty，这并不完全有效。当我更改下拉列表时，它会更新json。但对于我的第二行，当我更新时，它用所选的值替换我的json。我想要的是用所有tabs.query中的所有值来构造整个json。这并不完全有效。当我更改下拉列表时，它会更新json。但对于我的第二行，当我更新时，它用所选的值替换我的json。我想要的是用所有选项卡中的所有值构造整个json。