“Angular JS Setzen Sie die Standard-Registerkarte "Standard" mit NG-Repeat im Array-Objekt” Code-Antworten

Angular JS Setzen Sie die Standard-Registerkarte "Standard" mit NG-Repeat im Array-Objekt

var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {
  $scope.data = [
    {
      "tab": [
        [{ "id": 1, "status": 1 }, { "id": 2, "status": 1 }, { "id": 3, "status": 1 }],
        [{ "id": 4, "status": 1 }],
        [{ "id": 5, "status": 0 }]
      ]
    },
    {
      "tab": [
        [{ "id": 6, "status": 1 }, { "id": 7, "status": 1 }],
        [{ "id": 8, "status": 1 }]
      ]
    },
  ];
  for (let i = 0; i < $scope.data.length; i++) {
    $scope.data[i].selectedTab = $scope.data[i].tab[$scope.data[i].tab.length - 1];
  }

  $scope.setSelectedTab = function (node, tab) {
    tab.selectedTab = node;
  };
});
SAMER SAEID

Angular JS Setzen Sie die Standard-Registerkarte "Standard" mit NG-Repeat im Array-Objekt

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="obj in data">
    <ul class="nav nav-tabs">
      <li ng-class="{ active: obj1[0] && obj.selectedTab == obj1 }" ng-repeat="obj1 in obj.tab track by $index">
        <a href ng-click="setSelectedTab(obj1, obj)">{{ $index }} </a>
      </li>
    </ul>
    <div class="tab-content" ng-repeat="tab in obj.selectedTab track by $index">
      ID: {{tab.id}}<br>
      Status : {{tab.status}}
    </div>
  </div>
</div>
SAMER SAEID

Angular JS Setzen Sie die Standard-Registerkarte "Standard" mit NG-Repeat im Array-Objekt

.active {
  color: red;
}
SAMER SAEID

Ähnliche Antworten wie “Angular JS Setzen Sie die Standard-Registerkarte "Standard" mit NG-Repeat im Array-Objekt”

Fragen ähnlich wie “Angular JS Setzen Sie die Standard-Registerkarte "Standard" mit NG-Repeat im Array-Objekt”

Weitere verwandte Antworten zu “Angular JS Setzen Sie die Standard-Registerkarte "Standard" mit NG-Repeat im Array-Objekt” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen