Я начинающий программист на Angular, но я очень близок к пониманию директив.

Я создаювозиться здесь, но я никогда не использовал скрипку раньше, и это не совсем рендеринг ...

tr-row - это директива. Я пытаюсь перебрать данные и напечатать директиву (строку) для каждой записи. HTML:

   
      id
      name
      description
  
  
    
  

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 = '{{id}}<strong>{{name}}</strong>{{desc}}';
        element.html(tmpl).show();
        //var e =$compile(tmpl)(scope);
        //element.replaceWith(e);
        var e = $compile(element.contents())(scope);
    },
    scope: {
        d: "="
    }
};
});

должно быть легко. (вздох)

любая помощь будет принята с благодарностью, я действительно должен понимать это.

Что происходит в моем коде, так это то, что директива tr-row заменяет таблицу. Я получаю их список (с tr INSIDE элемента tr-row, но нет таблицы для их отображения. Я знаю, что это значит, что я близок, но я не могу придумать какие-либо новые комбинации, чтобы попробовать.

Мне просто нужна простая таблица со строками в ней.

Я прошу прощения, если об этом спрашивали миллион раз, я, кажется, не уверен, что искать. Я перепробовал так много вещей.