問題描述

加了transclude，應(yīng)該把template里的內(nèi)容清空的,但是每次update數(shù)據(jù)后原來的圖都在，哪里寫錯了嗎，跟有關(guān)嗎？

directive

myApp.directive(’sankeyChart’, function($window){ return{restrict:’EA’,transclude: true, //加了transcluetemplate:'<svg width=’1200’ height=’600’></svg>',scope:{chartData:’=chartData’},link: function(scope, elem, attrs){ scope.$watch(’chartData’, function(nv){var dataToPlot=nv;var d3 = $window.d3;、、、、下面都是d3的代碼、、、、、、、

調(diào)用directive

<p sankey-chart chart-data='sankeyData' ng-if='sankeyData' class='myCharts'></p>

如下圖：

問題解答

擦，我發(fā)現(xiàn)了問題了，transclude不能擦除d3生成的svg里的內(nèi)容，在寫d3代碼的前面手工加一個清除svg里內(nèi)容的代碼-搞定了。

svg.selectAll(’*’).remove();