Açısal'da kök eleman nedir?

Question

Böyle bir yönerge yazdım:

app.directive('headersort', function() { 
    return { 
     restrict: 'E', 
     scope: { 
      sortBy: '=', 
      title: '=' 
     }, 
     template: '<th>{{ title }}</th>', 
     replace: true, 
     link: function (scope, element, attributes) { 
      scope.sortBy = attributes.sortBy; 
      scope.title = attributes.title; 

     } 
    }; 
}); 

Ve bu gibi kullanmak: İstediğim <headersort sortBy="Name" title="Product"><th>Product</th> değiştirilir olmasıdır

<headersort sortBy="Name" title="Product"> 

. Ama bir hata diyerek olsun:

Template must have exactly one root element. was: <th>{{ title }}</th>

Fakat şu, bir kök öğe var mı? Kök elementim <th>, neden bu hatayı açıyor? Bir kök elemanın koşulları/tanımı nedir?

Answer 1

this konusuna bakın.

restrict: 'A' için restrict: 'E' adresinin yönergesini değiştirmeyi deneyin ve aynı zamanda <th headersort sortBy="Name" title="Product"></th>

Answer 2

Sanırım, table öğesi hakkında söylediği şey. Bunu bir yerde tanımladın mı?