Ich bin ein Anfänger Angular Programmierer, aber ich bin wirklich in der Nähe der Richtlinien zu verstehen.Angular Richtlinie Tabellenzeilen Ausgabe
Ich erstelle ein fiddle here, aber ich habe Geige nie benutzt, und es ist nicht ganz rendert ...
die tr-Reihe ist eine Richtlinie. Ich versuche, die Daten durchzulaufen und eine Direktive (Zeile) pro Datensatz zu drucken. HTML:
<table ng-controller="fiddleCtrl">
<thead>
<th>id</th>
<th>name</th>
<th>description</th>
</thead>
<tbody>
<tr><tr-row ng-repeat="d in data" scdata="d"></tr-row></tr>
</tbody>
</table>
javascript:
var myapp = angular.module('myApp', [])
.controller('fiddleCtrl', ['$scope', function ($scope) {
$scope.data = [
{ id: 1, name: 'Fred', description: 'not the best worker' },
{ id: 2, name: 'Wilma', description: 'Freds Wife'},
{ id: 3, name: 'Barney', description: 'Freds best friend'},
{ id: 4, name: 'Louise', description: 'Never heard of Fred'},
{ id: 5, name: 'Tracy', description: 'Some Chick'},
{ id: 6, name: 'Foo', description: 'Inventer of bar'}
];
}]).directive('trRow', function ($compile) {
return {
restrict: "E",
replace: true,
link: function (scope, element, attrs) {
scope.id = scope.d.id;
scope.name = scope.d.name;
scope.desc = scope.d.description;
var tmpl = '<tr ><td>{{id}}</td><td><strong>{{name}}</strong></td><td>{{desc}}</td></tr>';
element.html(tmpl).show();
//var e =$compile(tmpl)(scope);
//element.replaceWith(e);
var e = $compile(element.contents())(scope);
},
scope: {
d: "="
}
};
});
sollte einfach sein. (le seufz)
jede Hilfe würde geschätzt werden, ich muss wirklich dies verstehen.
Was in meinem Code geschieht, ist die tr-Reihe Richtlinie der Tabelle ersetzen. Ich bekomme eine Liste von ihnen, (mit einem INSIDE von einem tr-Zeile Element, aber es gibt keine Tabelle, um sie anzuzeigen. Ich weiß, das bedeutet, ich bin in der Nähe, aber ich kann nicht an neue Kombinationen zu versuchen.
ich brauche nur eine einfache Tabelle mit Zeilen drin.
ich appologise wenn diese eine Million mal gefragt wurde, scheine ich nicht sicher zu sein, was zu suchen. ich habe so viele Dinge ausprobiert.
das ist die einfachste Antwort, und auf den Punkt. funktioniert super. ich danke dir sehr! –
Sie können also auf das Häkchen links klicken, um dies als Antwort festzulegen. Danke und willkommen zu stackoverflow :) –
Weiß nicht, was sich geändert hat, aber die Geige Beispiel zeigt keine Daten in der Tabelle – jorrebor