2014-06-11 4 views
7

Ich arbeite daran, mithilfe von ng-table Berichte tabellarisch anzuzeigen. Ich habe jedoch ein Problem mit dem Data-Title-Attribut und der dynamischen Zuweisung der Überschrift festgestellt.Dynamisch definierter Datentitel mit ng-Tabelle

Im folgenden Beispiel versuche ich, das Datentitelattribut wie folgt zu setzen.

<td ng-repeat="field in user" data-title="'{{ fields[$index] }}'"> 
    {{ field }} 
</td> 

$scope.fields = ["Names", "Ages"]; ist in der Steuerung definiert. Bei der Überprüfung des Elements wird das Datentitelattribut ordnungsgemäß festgelegt, die Überschriften werden jedoch nicht ordnungsgemäß verarbeitet, was zur Überschrift {{fields [$ index]}} führt.

Hier ein anschauliches Beispiel ist: http://plnkr.co/edit/gBS6FGINayYufPGqCMxb?p=preview

Antwort

0

1stofall, haben Sie unnessesary '' in {{fields[$index]}}.

2. - ja, es kann dynamisch sein: Felder Array Artikel Mast haben Titel attrib.

<table ng-table-dynamic="tableParams with columns" show-filter="false" class="table table-bordered table-striped"> 
    <tbody> 
     <tr ng-repeat="user in $data"> 
     <td ng-repeat="col in $columns">{{user[col.field]}}</td> 
     </tr> 
    </tbody> 
    </table> 

Ich habe für Sie altes Beispiel bearbeitet, das auf der alten Website von ngTable war.

shoud Sie dieses Beispiel verwenden - Updated Example 20: Dynamic columns

+0

Das Beispiel funktioniert nicht und Ihr Code funktioniert nicht. – user2882597

+0

@ user3730788 - hmm ... aktualisierte defekte Quelle für ng-table.min.js – voznik

+0

Das Update sieht ausgezeichnet aus, danke. – user2882597

Verwandte Themen