javascript - 角度自定义指令问题

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 不会隐藏或显示。将不胜感激任何投入。