angularjs - Angular ディレクティブで要素に何かを適用するが、その子には適用しない方法

Question

私のAngularプロジェクトでは、一連の「ブロック」(それぞれがそのdiv中に他の要素を含むもので構成される)を作成する再帰的なテンプレートがあり、いくつかのレベルの深さでネストされています-これに似ています:

<script type="text/ng-template" id="myTemplate.html">
     <div drop-target='true' class="overall">         
          <h2> {{obj.title}} </h2>
          <div> {{obj.content}} </div>
          <div ng-include="'myTemplate.html'" onload="obj=someObject.innerObjects"></div>
    </div>
</script>

これらの各overalldiv には、ドラッグされたアイテムを受け入れるディレクティブがあります (標準のドラッグ アンド ドロップ)。

問題は、削除が<h2>element と content で発生することも許可されていることdivです。これは私が望むものではありません。overallドロップがdivの上だけになるようにしたい。

それを行う方法についてのアイデアはありますか？