AngularJSのディレクティブで動的に作成したタグでバインドする方法

AngularJSについて質問です。

ディレクティブを使用して新しいDIVタグを追加し、そのDIVタグで値のバインドを行いたいのですがうまくいきません。
例えば

sample.html

<div ng-repeat="user in userList">
    <user-directive user="user">
</div>

sample.js

app.module.directive("userDirective", function() {
    return {
        restrict : "E",
        scope : {"user" : "&"},
        link : function($scope, $element, $attrs){
            var user = $scope.user();
            var tag = $("<div>名前：{{user.name}} ({{user.age}})</div>");
            $element.append(tag);
        }
    }
});

といったコードの場合、

名前：{{user.name}} ({{user.age}})

の部分でバインドしてほしいのですが、実際には{{や}}も含めてそのまま画面に表示されてしまいます。
そもそもこういった使い方が間違っているのかもしれませんが、もし良い方法がありましたらご教示ください。