栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在生成的d3 html中使用angularjs指令?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在生成的d3 html中使用angularjs指令?

我有一个类似的问题,是的,用解决了

$compile
。我假设您的d3代码位于自定义指令中。从那里可以添加工具提示属性,删除自定义指令属性,以便$
compile仅运行一次,然后调用$ compile:

    myApp.directive('myNodes', ['$compile', function ($compile) {    return {        restrict: 'A',        link: function(scope, element, attrs) { var nodes = [{"name": "foo"}, {"name": "bar"}]  var mySvg = d3.select(element[0])       .append("svg")       .attr("width", 100)       .attr("height", 100); var node = mySvg.selectAll(".node")  .data(nodes)  .enter()  .append("circle")  .attr("cx", function(d,i){     return 20+i*50;  })  .attr("cy", 50)  .attr("r", 10)  .attr("tooltip-append-to-body", true)  .attr("tooltip", function(d){      return d.name;  }); element.removeAttr("my-nodes"); $compile(element)(scope); }        };    }]);

$ compile服务可确保使用指令添加的属性编译元素。

这是使用上面的代码的工作小提琴。希望这就是您要寻找的!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/636221.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号