角度可重用指令

Question

我正在尝试通过执行以下操作来创建可重用的指令：

    a.directive("easyuiLinkbutton1", function () {
return {
    template: function ($element, $attributes) {
        return '<a easyui-linkbutton iconCls=' + $attributes.iconcls + 'plain="false"></a>'
    }
 };
});

a.directive("easyuiLinkbutton", function (caseMVCService) {
return {
    //restrict: "E",
    scope: {},
    link: function (scope, elem, attrs) {
        $(elem).linkbutton({ iconCls: attrs.iconCls });
    }
  };
});

 <a easyui-linkbutton1 iconCls="icon-cut" path="api/case" onclick="newCase" plain="false"></a>

好像我在下一行遇到了问题：

link: function (scope, elem, attrs) {
        $(elem).linkbutton({ iconCls: attrs.iconCls });
    }

因为第二个指令是从模板函数调用的，并且没有可用的范围，并且参数attrs不携带第一个指令的值。

我正在尝试使用可重复使用的指令＆＃39; easyuiLinkbutton＆＃39;。我正确地把它弄好了吗？

由于

添加了更多代码。

<div easyui-linkbutton1 iconCls="icon-cut" path="api/case" onclick="newCase" plain="false"></div>
</div>

link: function (scope, elem, attrs) {
        newHTML = $compile('<a easyui-linkbutton iconCls=' + attrs.iconcls + 'plain="false"></a>')(scope);
        elem.append(newHTML);
    }