javascript – $location不使用d3.js在AngularJS中工作
栏目: JavaScript · 发布时间: 7年前
内容简介:翻译自:https://stackoverflow.com/questions/13054944/location-not-working-in-angularjs-using-d3-js
这是我第一次面对这个问题而无法弄清楚原因.
我正在使用d3创建一个 icicle chart.有一个点击事件正在触发并调用changePath().我看到控制台日志,这意味着我有权访问$location.path,但是当我尝试设置它时没有任何反应…不是新页面而不是错误页面什么都没有…如果我不通过角度更改路径我的路由器不会保持我正在寻找的范围…任何线索?
var parentCtrl = function($scope,$location){
$scope.makeBSC = function(){
var changePath = function(el){
console.log($location.path());
$location.path(el)
}
var width = 405,
height = 420,
color = d3.scale.category20c();
var vis = d3.select("#bscChart").append("svg")
.attr("width", height)
.attr("height", width);
var partition = d3.layout.partition()
.size([width, height])
.value(function(d) { return d.size; });
var json = data;
vis.data([json]).selectAll("rect")
.data(partition.nodes)
.enter().append("rect")
.attr("y", function(d) { return d.x; })
.attr("x", function(d) { return d.y; })
.attr("height", function(d) { return d.dx; })
.attr("width", function(d) { return d.dy; })
.attr("class",function(d){
if(d.isSel) return "rectBlue"
return "rectGray"
}).on("click", function(d){
changePath(d.goTo);
});
}
}
还有一点价值广告.查看包含d3 http://www.fullscale.co/dangle/ 的这些指令
翻译自:https://stackoverflow.com/questions/13054944/location-not-working-in-angularjs-using-d3-js
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- RecyclerView使用指南(一)—— 基本使用
- 如何使用Meteorjs使用URL参数
- 使用 defer 还是不使用 defer?
- 使用 Typescript 加强 Vuex 使用体验
- [译] 何时使用 Rust?何时使用 Go?
- UDP协议的正确使用场合(谨慎使用)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Python 3面向对象编程
[加]Dusty Phillips(达斯帝•菲利普斯) / 肖鹏、常贺、石琳 / 电子工业出版社 / 2015-6 / 79.00元
Python 是一种面向对象的解释型语言,面向对象是其非常重要的特性。《Python 3面向对象编程》通过Python 的数据结构、语法、设计模式,从简单到复杂,从初级到高级,一步步通过例子来展示了Python 中面向对象的概念和原则。 《Python 3面向对象编程》不是Python 的入门书籍,适合具有Python 基础经验的开发人员阅读。如果你拥有其他面向对象语言的经验,你会更容易理解......一起来看看 《Python 3面向对象编程》 这本书的介绍吧!