2017-12-29 5 views
0

GrundsätzlichEs ist möglich, Wert zu übergeben zusammen mit Tabellenspalte in AngularJS

1.Ich hat alle Daten als dynamische Daten aus der Datenbank einschließlich der Tabellenkopf Spalten und ich benutzen es in ng-repeat.

enter image description here

Die Tabelle Spaltenüberschriften aus der Datenbank und ich ng-repeat = "l in Labels". Und für die Auswahl Drop-down habe ich ng-repeat = "e in excelvalues"

Das ist meine html.

<table class="table"> 

<thead> 
<th ng-repeat="l in labels"><div style="width:200px;"></div>{{l.labelname_en}}</th> 
</thead> 

<tbody> 
<td ng-repeat="e in excelvalues"><select class="form-control" ng-model="selectedExcel" ng-options="excel for excel in excelvalues" ng-change="change(selectedExcel,$index)"></select></td> 
</tbody> 

</table> 

2.I muß die ausgewählten Werte im Array einzeln mit dem Tabellenkopf Spalte hinzuzufügen.

Zum Beispiel - Wenn ich einen Wert in dem ersten Dropdown-Liste ausgewählt wird es in dem Array mit Spaltennamen (Risk Beschreibung) und

Ich mag die json wie

[{"Risk Description":"1st selected Value"},{"Probability":"2nd selected Value"}....] 

I don‘hinzufügen Ich weiß, wie ich das erreichen kann. Bitte hilf mir, das zu lösen.

+0

liefern Sie Json richtig –

+0

Ich habe gerade auf dem Beispiel JSON geschrieben. – Naveen

+0

Geben Sie uns weitere Informationen wie Beispiele für "Excel-Werte", Liste der einzelnen Etikettenauswahlfelder. –

Antwort

0

Here's a sample fiddle die so gemacht wird, wie ich Ihre Absicht verstanden habe, indem Sie ng-repeat verwendet haben.

Wenn Sie Feedback geben wollen über was Sie wollen, werde ich das versuchen.

<thead> 
    <th ng-repeat="l in labels" style="width:50px; text-align:center;"> 
     {{l.labelname_en}} 
    </th> 
</thead> 

<tbody> 
    <tr ng-repeat="e in excelvalues"> 
     <td ng-repeat="l in labels"> 
      <select ng-model="e[l.labelname_en]" 
        ng-options="opt as opt for opt in l.label_opt"> 
      </select> 
     </td> 
    </tr> 
</tbody> 
Verwandte Themen