Question

在此处使用Angular：

我正在基于所获取的json创建动态控件和选项卡。因此，如果传入的json对象如下所示，那么我将创建2个主选项卡，然后在其下创建子选项卡。

"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>

我创建了如下的演示。演示中的选项卡中包含一些控件。

演示 https://jsfiddle.net/43qj5kys/1/

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

我有一个按钮单击，当用户单击此按钮时，我要获取用户在这些选项卡的所有控件中选择的所有数据。

感谢任何投入。

有人吗？

Answer 1

在您将数据定义为控制器中的对象之后，数据将存储在$scope.master1和$scope.master2的属性中。

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

在此处查看示例：https://jsfiddle.net/6znkufs2/

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

1 个答案: