javascript - 如何根据属性值制定在运行时添加 Angular 部分的指令

Question

我有很多部分，例如

因此，我在 html 文件(如 home.html 和 about.html)中维护了不同的代码，并希望制作一个 Angular 自定义指令以在运行时呈现

我曾尝试制定指令，但它仅在第一次时有效，而在我多次使用时则无效。所以需要帮助来制定这个指令

app.directive('mysection', function() {
return {
   restrict: 'E',
   transclude:true,
   templateUrl: function(elem,attrs) {
       return "sections/"+attrs.templateUrl +".html"
   }
}
});    

我正在写 html

<mysection template-url="headerSection"><mysection>
<mysection template-url="headerSection"><mysection>

Answer 1

尝试这个标记

<mysection template-url="headerSection"></mysection>
<mysection template-url="headerSection"></mysection>

注意结束标记