问nvd3从代码中添加nvd3图表dom元素
EN

Stack Overflow用户

提问于 2016-01-18 14:50:38

回答 1查看 356关注 0票数 0

我使用了以下代码：http://plnkr.co/edit/CIGW0o?p=preview

在此代码中，html包含

<nvd3 options="options" data="data"></nvd3>

我正在尝试从代码中添加它：

 $scope.buildNewChart = function(){
          var xmlString = "<nvd3 options='options' data='data' class='ng-isolate-scope'></nvd3>";

          var wrapper= document.createElement('div');
          wrapper.innerHTML= xmlString;
          var div= wrapper.firstChild;

          var elem = document.getElementById("charts");
          elem.appendChild(div);
        }

但是它不工作，因为我可以看到元素(<nvd3 options="options" data="data"></nvd3>)，但是它是空的

d3.js

nvd3.js

回答 1

Stack Overflow用户

发布于 2016-01-18 14:58:34

要添加一些带有Angular的元素，您应该使用$compile

$scope.buildNewChart = function(){
    var chart = angular.element("<nvd3 options='options' data='data' class=''></nvd3>");

    var elem = angular.element(document.getElementById("charts"));
    elem.append(chart);
    $compile(chart)($scope)
}

另外，这也违背了角度练习。考虑将其添加到初始超文本标记语言中，但使用ng-if或其他工具将其隐藏

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34848772

复制

相似问题

问nvd3从代码中添加nvd3图表dom元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问nvd3从代码中添加nvd3图表dom元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问nvd3从代码中添加nvd3图表dom元素
EN