AngularJS: получить данные из объекта на нескольких вкладках - PullRequest
Новая
       30

AngularJS: получить данные из объекта на нескольких вкладках

1 голос
/ 28 июня 2019

Здесь используется 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/

Я застрял, когда пользователь заполнил элементы управления и данные, как мне получить данные оттуда.

У меня есть нажатие кнопки, когда пользователь нажимает на эту кнопку, я хочу получить все данные, которые пользователь выбрал во всех элементах управления этих вкладок.

Любые отзывы приветствуются.

Любой

1 Ответ

0 голосов
/ 28 июня 2019

Данные будут сохранены в свойствах $scope.master1 и $scope.master2 после того, как вы определили их как объекты в вашем контроллере. 

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

см. Пример здесь: https://jsfiddle.net/6znkufs2/

...