Ich habe eine Tabelle, mit der ich jede Zeile basierend auf der Auswahl des Benutzers automatisch inkrementiere.

Das Problem, mit dem ich konfrontiert bin, ist, dass ng-repeat die Spalte kopiert, zwischen denen ich nicht unterscheiden kann. Beispielsweise wird jede Zelle in der Spalte mithilfe des Index gleich nummeriert. Ich hätte gerne eine Möglichkeit, festzustellen, wo der Benutzer auf die Zelle klickt.

<table class="table table-bordered">
        <thead>
         <tr>
           <th></th>
           <th style="table-layout:fixed; text-align: center;" scope="col" colspan="2">Sales</th>
           <th style="table-layout:fixed; text-align: center;" scope="col" colspan="2">Service</th>
           <th style="table-layout:fixed; text-align: center;" scope="col" colspan="2">Accounting</th>
           <th style="vertical-align:top; text-align: center;" scope="col" colspan="2">Parts</th>
           <th style="vertical-align:top; text-align: center;" scope="col" colspan="2">Body Shop</th>
           <th style="vertical-align:top; text-align: center;" scope="col" colspan="2">Other</th>
         </tr>
         <tr>
           <th></th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">Start</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">End</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">Start</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">End</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">Start</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">End</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">Start</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">End</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">Start</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">End</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">Start</th>
           <th class="start-end-time" style="text-align: center; font-size: .9em; color: #999;">End</th>
         </tr>
         </thead>
           <tr ng-repeat="time in times">
               <td>{{weekdays[$index]}}</td>
               <td class="start-end-time" updated-row ng-repeat-start="(key,dept) in time" data-index="{{[key]}} start" editable-field time="dept.start"></td>
               <td class="start-end-time" updated-row="{{$index}}" data-index="{{[key]}}" ng-repeat-end editable-field  time="dept.end"></td>

               <!-- {{times[$index][key].start}} -->
               Monday Service start time {{times[0] |date: "shortTime"}}
               <!-- <div id="HoursTable" newtable></div> -->

Meine Steuerung

pp.controller('main', ['$scope', '$location', function($scope, $location) {

    $scope.times = [];
    $scope.timeArr = [];
    $scope.timeObj = {};
    $scope.clickedIndex;

    $scope.departments = ["sales", "service", 'accounting', 'parts', 'bodyShop', 'other'];
    $scope.weekdays = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];

    $.each($scope.weekdays, function(index, value) {
        var dayTimes = {};
        $.each($scope.departments, function(index, value) {
            dayTimes[value] = {
                start: '',
                end: ''
            };
        });
        $scope.times.push(dayTimes);
    });
}]);

Ich habe versucht, ein Datenattribut mit dem Namen @ zu erstelledata-index="{{$index+=1}}"

Hoffentlich macht mein Beispiel ein bisschen Sinn. Kurz gesagt, ich müsste jeder Zelle in einer Spalte einen Bezeichner geben. So wie es jetzt ist, haben sie alle den gleichen Wert, was mich davon abhält, eine bedingte Logik anzuwenden.

                  <-- Updated -->
  Located in the hours table page
  ng-init="number = countInit()" 

  controller I added this piece of code as well:

 $scope.countInit = function() {

   return $scope.totalCount++;

}

Wenn ich versuche, die Ergebnisse in meiner Tabelle mit dieser Syntax anzuzeigendata-index={{number}}

Meine Ergebnisse sind leer. Wie kann das sein? Ich habe fast das Gefühl, dass Angular mir einen Witz vorspielt. Oder es könnte meine Unwissenheit sein. Ich ziehe es vor, die ersteren zu glauben.

Ich dachte, meine Lösung würde funktionieren. Ich frage mich, wo ich mich geirrt habe. Kann mir irgendeine bescheidene Seele helfen?