Angularjs 一个指令返回中的多个方法

我正在为我的web应用程序设置一个基础模板，只使用一个指令，该指令包含返回不同模板的多个方法

到目前为止，我所做的工作与我调用服务的方式相同

服务

现在，以防我现在如何调用指令。但似乎不起作用

指令

app.directive（'baseTemplate'，function（）{
let path=“app/templates/”；//我的基本模板路径文件夹
//我想调用返回所需模板的特定方法。
返回{
getCategory:（）=>{
返回{
限制：“A”，
模板：“你好，世界！”
}
},
可获取：（）=>{
返回：{
限制：“A”，
模板：“一些数据！”
}
}
}
})

这就是我所谓的指令

HTML

//输出应该是HELLO WORLD
//与上面相同的应该是一些数据！

可以这样做：

<div base-template="getCategory">
    <!-- The Output should be --><strong> HELLO WORLD! </strong>
</div>

<div base-template="getTable"> 
    <!-- The same as the above Out should --><table> SOME DATA! </table>
</div>

你好，世界
一些数据！

app.directive（'baseTemplate'，function（）{
let path=“app/templates/”；//我的基本模板路径文件夹
返回{
限制：“A”，
模板：功能（远程通信、tAttrs）{
开关（tAttrs.baseTemplate）{
案例：“getCategory”：
返回“你好，世界！”；
案例：“可获取”：
返回“一些数据！”；
违约：
返回“未选择模板”；
}
}
}
})

template

属性是一个函数，它接受两个参数

tElement

和

tAttrs

，并返回字符串值

有关详细信息，请参阅

app.directive('baseTemplate', function() {
    let path = "app/templates/"; // my basetemplate path folder

    // I want to call specific methods returning the template I need.
    return {
        getCategory: () => {
            return {
                restrict: 'A',
                template: '<strong> HELLO WORLD! </strong>'
            }
        },
        getTable: () => {
            return: {
                restrict: 'A',
                template: '<table> SOME DATA! </table>'
            }
        }
    }
})

<div base-template.getCategory>
    //The Output should be <strong> HELLO WORLD! </strong>
</div>

<div base-template.getTable> 
    //The same as the above Out should <table> SOME DATA! </table>
</div>

<div base-template="getCategory">
    <!-- The Output should be --><strong> HELLO WORLD! </strong>
</div>

<div base-template="getTable"> 
    <!-- The same as the above Out should --><table> SOME DATA! </table>
</div>

app.directive('baseTemplate', function() {
    let path = "app/templates/"; // my basetemplate path folder

    return {
        restrict: 'A',
        template: function(tElem, tAttrs) {
            switch (tAttrs.baseTemplate) {
                case: "getCategory":
                   return `<strong> HELLO WORLD! </strong>`;
                case: "getTable":
                   return `<table> SOME DATA! </table>`;
                default:
                   return `<div>No Template Selected</div>`;
            }
        }
    }
})