Dynamisch mutiple Highcharts Diagramme in Angular Richtlinie

Question

In meiner Richtlinie Vorlage

Ich habe die Schaffung

<div id="chartdiv-{{name}}" style="width:100%;height:100%"></div> 

wo Namen jeder Richtlinie Variable und zugeordnet ist, wenn es erstellt wird.

Das Diagramm wird erstellt mit

$('#chartdiv-'+scope.name).highcharts(settings); 

Aber das funktioniert nicht. Alles funktioniert gut, wenn ich die Variable name nicht verwende. Irgendwelche Ideen?

Answer 1

ändern es so,

<div id="{{ 'chartdiv-' + name }}"></div> 

EDIT

Wenn Sie Vorlage in einer Richtlinie schaffen, sollte es sein

<div id="chartdiv-{{$scope.name}}"></div>