AngularJS和dojox.charting -null的'nodeType‘“

Question

我正在尝试根据当前的数据模型，用Dojo中的不同图形填充一个重复(ng-repeat) div。

当我的代码运行时，我得到错误"Cannot read property 'nodeType‘of null“

我相信这是因为dojo试图渲染到一个实际上还没有创建的div中。它存在于内存中，AngularJS可以使用它，但尚未在dom中创建。

这是我正在使用的代码。

如何确保元素已创建？

function GetBarChart(elementName)
{
require(["dojox/charting/Chart", "dojox/charting/axis2d/Default", "dojox/charting/plot2d/StackedAreas", "dojox/charting/themes/Wetland" , "dojo/ready"],
  function(Chart, Default, StackedAreas, Wetland, ready)
 {

ready(function()
{
  alert(elementName);
  var c = new Chart(elementName);
  c.addPlot("default", {type: StackedAreas, tension:3})
    .addAxis("x", {fixLower: "major", fixUpper: "major"})
    .addAxis("y", {vertical: true, fixLower: "major", fixUpper: "major", min: 0})
    .setTheme(Wetland)
    .addSeries("Series A", [1, 2, 0.5, 1.5, 1, 2.8, 0.4])
    .addSeries("Series B", [2.6, 1.8, 2, 1, 1.4, 0.7, 2])
    .addSeries("Series C", [6.3, 1.8, 3, 0.5, 4.4, 2.7, 2])
    .render();
});
});

}

angular.module('myApp')
.directive('myWidget', function() 
{
return {
 link:function(scope, element, attrs)
 {      
    element.id = scope.widget.id;
    GetBarChart(element.id );
    console.log(element);
  }
};
});

Answer 1

我还是个AngualJS新手，但是一个解决方案是在html指令中设置div的id，而不是在链接函数中设置它。

<div id ="{{widget.id}}" ></div>

不

element.id = scope.widget.id;

这似乎消除了排序问题。

但我想知道是否还有其他更好的方法。

Answer 2

元素是由jQuery包装的，如果你想获得id，你应该这样写：

element[0].id