angularjs - AngularJS のディレクティブ要素の後に、属性値またはスコープ モデルを持つ別の要素を挿入します

Question

ng-repeat ディレクティブで作成され<dd>た各要素の後に要素を作成するディレクティブを作成したいと考えています。equal to ディレクティブ属性値または ng-repeat スコープ モデル値 <dt>の内容を設定するにはどうすればよいですか?<dd>

<dl>
  <dt ng-repeat="item in items" insert-dd="{{ item.dd_vaue }}">{{ item.dt_value }}</dt>
</dl>

angular.directive('insertDd', function () {
  restrict: 'A',
  link: function (scope, element, attrs) {
    var dd = angular.element('<dd> here is attrs.insertDd or scope.item.dd_value </dd>');
    dd.insertAfter(element);
    $compile(dd)(scope);
  }
});