如何动态地为js模板中的元素赋予id

Question

我想动态地将id提供给我在JS文件中创建的HTML模板的button元素。我怎样才能做到这一点。需要帮助。

var template = '<div class="boxTemplate clearfix myDirective"><div class="imageBox ' + imageLayoutType + '">' +
'<img src="' + image + '" />' +
'<div class="tile-title"><span>' + data[dm.title] + '</span></div>' +
'<button class="btn-link favorite glyphicon glyphicon-bookmark"></button>' +
'</div></div>';

指令代码： -

app.directive('myDirective', function() {
var uniqueId = 1;
return {
    restrict: 'E',
    scope: true,
    template: '<button class="btn-link favorite glyphicon glyphicon-bookmark"></button>',
    link: function(scope, elem, attrs) {
        var item = 'bm' + uniqueId++;
        elem.find('button').attr('id' , item);
    }
};

}）;

如何更改代码以使其工作对我有利。