Whenever I attempt to include parameters in a directive that contains another directive, I encounter an error message displaying This particular error
Below is the structure of my directive:
app.directive('percentageSquare', function(){
return {
restrict: 'E',
scope: {
color: '@',
chartConfig: '@'
},
templateUrl: '/templates/dashboard/charts/PercentageChart.html'
};
});
This directive loads the following template:
<div class="drop-shadow">
<highchart id="{{chartConfig}}" config="{{chartConfig}}" style="background-color: {{color}};" ng-show="true"></highchart>
</div>
The directive is called with these attributes:
<percentage-square color="yellow" chart-config="chartBounceRate"></percentage-square>
I am uncertain about how to resolve this issue, as everything seems correct from my perspective...