Angular指令，包含从动态html调用的方法

Question

我正在尝试使用指令为可视组件创建包装器。我希望实现一个抽象级别，其中与组件的通用功能相关的所有代码都将存在于指令中。所以我的问题是：如何将方法添加到指令并从该指令中调用它们？为了使它更混乱，我正在生成一些动态html，我需要调用这些方法。希望很清楚。谢谢你的帮助。

添加代码：

rismDirectives.directive('theDirective', function ($compile) {
return {
    restrict: 'AE',
    require: 'ngModel',
    link: function (scope, elem, attrs, ngModel) {
       // function to call later
        scope.getFilteredAssets = function (filter) {
            ....
        }

................ 当我点击一个动态添加到组件的图像时，getFilteredAssets实际上会被调用两次（不知何故从未被调用我得到它被调用两次）。我用函数中未定义的参数调用它。点击后，我看到地址栏中当前页面的路径已恢复到主应用程序页面。所以，如果它是主页＃/ page1，那么在点击它之后就变成了主页＃。