How to create object-driven tabs in AngularJS using a single directive and a custom label field for each tab?

The example on AngularJS homepage creates tabs by using two directives: one for the tabs and one for the panes. Is it possible to create a single template and a single directive like so:

HTML:

<div ng-app="components">
<tabs objects="someObjects" labelprop="name" shouldbe="the value of object.name"></tabs>
<tabs objects="someObjects" labelprop="id" shouldbe="the value of object.id"></tabs>
</div>

JS:

angular.module('components', []).
directive('tabs', function() {
    return {
        restrict: 'E',
        replace: true,
        scope: {objects: '=', labelprop: '@', shouldbe: '@'},
        controller: function($scope, $element) {
            $scope.someObjects = [
                {name: "One", id: 1, data: 'foo'},
                {name: "Two", id: 2, data: 'bar'},
                {name: "There", id: 3, data: 'foobar'}
                ]
        },
        template:
            '<div class="tabbable">' +
                '<ul class="nav nav-tabs">' +
                    '<li ng-repeat="object in someObjects">' +
                        '<p>How do I use "labelprop" to get {{shouldbe}}</p>' +
                    '</li>' +
                '</ul>' +
            '</div>'
    }
})

(See this fiddle illustrating my question: http://jsfiddle.net/2GXs5/3/ )

From what I understand so far, because ng-repeat is its own directive, it goes off and does its own thing and I cannot access the object property in the scope, say if I wanted to do this in the directive's link function: scope.label = scope.object['scope.labelprop']

Also, I am still trying to wrap my head around interpolation, transclusion, etc. so the solution might involve that somehow.