AngularJS ng-repeat with custom element inside a table is rendering strangely

Question

I\'m trying to re-use a portion of my HTML view in multiple places. The portion I want to re-use is table cells in an HTML table. The problem is that my custom directive i

Answer 1

Apply the directive to like this:

app.directive('myElement', function () {
    return {
        restrict: 'A',
        scope:{
            ngModel: '=blah'
        },
        template: 'Name: {{ ngModel.name }}Age: {{ ngModel.age }}'
    }
});

Working Demo