角度のルート要素とは何ですか？

Question

私はこのようなディレクティブ書かれています：

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; 

     } 
    }; 
}); 

をそして、私はこのようにそれを使用します。

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

私が欲しいものは<headersort sortBy="Name" title="Product">が<th>Product</th>に置き換えられていることです。しかし、私はというエラーを取得：

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

をしかし、私は右の1つのルート要素を持っていますか？私のルート要素は<th>なので、なぜ角を投げているのですか？ルート要素の条件/定義とは何ですか？

Answer 1

this号をご覧ください。

restrict: 'E'からrestrict: 'A'にあなたのディレクティブを変更してみてくださいと<th headersort sortBy="Name" title="Product"></th>

Answer 2

私は、table要素についてのその意見を考えています。あなたはどこかでそれを定義しましたか？