javascript - Angular カスタム ディレクティブの問題

Question

チャートと別の div を持つカスタム ディレクティブを作成しました。チャートにマウスを合わせると、そのdivを非表示にする必要があります。

<div id="chart">

    <div id="extraDetails" ng-show="showpreview">
        <p>Show some list</p>       
    </div>

</div>


 module.directive('d3Heatmap',  function () {
            return {
                restrict: 'E',
                replace: true,
                scope: {
                    showpreview: "="
                },

  templateUrl:'heatMapTemplate.html',

                link:function(scope,element, attrs){
}}); code here

マウスオーバーとアウトで、showpreview の値を変更します。ただし、div の extraDetails は非表示または表示されません。ご意見をお待ちしております。