草庐IT

current_direction

全部标签

javascript - Angular : Update model from directive

我这里有一个fiddle:http://jsfiddle.net/KdkKE/44/我想做的是创建一个“切换”组件,基本上是一个自定义复选框,但如果它是true或false,html会发生变化,它绑定(bind)到Controller中的bool值。当用户点击开关时,模型会更新,指令的View也会发生变化。它类似于指令文档末尾的示例http://docs.angularjs.org/guide/directive但状态将受到约束,以便在启动时它是正确的。varapp=angular.module('App',[]);functionCtrl($scope){$scope.init=fu

javascript - 获取错误 Dropzone 已经附加了 Angular Directive(指令)

我正在为拖放区使用以下代码,但出现错误,我尝试对其进行调试,但我无法解决此操作请指导http://jsfiddle.net/anam123/rL6Bh/------------------->"Error:Dropzonealreadyattached.thrownewError("Dropzonealreadyattached.");"代码::https://gist.github.com/compact/8118670片段:/***AnAngularJSdirectiveforDropzone.js,http://www.dropzonejs.com/**Usage:****Dra

javascript - d3 : Make a static directed graph

我想在d3中可视化一个20K节点的依赖关系图。力导向图,例如http://bl.ocks.org/mbostock/1153292对于这个数量的节点,在浏览器中呈现太慢。基本上我想表示节点包含文本和从一个节点到另一个节点的有向边,并添加缩放和平移功能。我怎样才能在d3中做到这一点? 最佳答案 这里有一个替代方案,它似乎没有使用强制来布置节点-没有弹跳,性能良好,并且内置了上传/下载工具。它的许可证是MIT/X:Interactivetoolforcreatingdirectedgraphsusingd3.jsdirected-gra

javascript - Angular : ng-controller on directive does not work on transcluded elements within directive

Here是我的脚本:angular.module('MyApp',[]).directive('mySalutation',function(){return{restrict:'E',scope:true,replace:true,transclude:true,template:'Hello',link:function($scope,$element,$attrs){}};}).controller('SalutationController',['$scope',function($scope){$scope.target="StackOverflow";}])和html:{{

javascript - d3-js 的 Force-Directed Layout 是否支持图像作为节点?

d3有ademoofaForce-DirectedGraphLayout.我希望图中的所有节点都是图像,而不是圆圈。所以,我变了.append("svg:circle").attr("class","node").attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",5).style("fill",function(d){returnfill(d.group);}).call(force.drag);到.append("xhtml:img").attr("src","http://a

javascript - 在 Angular Directive(指令)中将事件绑定(bind)到 $(document)

我有一个实现某种选择框的指令。现在,当Select框打开并单击它外部的某个地方(文档中的其他任何地方),我需要折叠。这个JQuery代码在我的指令中工作,但我想以“Angular方式”来做:$(document).bind('click',function(e){var$clicked=e.target;if(!$clicked.parents().hasClass("myClass")){scope.colapse();}});我尝试将$document服务注入(inject)我的指令,但没有成功。 最佳答案 我相信,最真实的An

javascript - 华丽的弹出窗口 : Get current element in callback

在MagnificPopup中,我想在点击的链接中获取一个属性,并在回调函数中使用它(使用回调:open)来对DOM进行一些更改。我该怎么做?例如,在下面的代码中,它应该向控制台返回“itworks”。相反,它会打印“不起作用”。请帮忙!!Showinlinepopup$(document).ready(function(){$('.open-popup-link').magnificPopup({type:'inline',midClick:true,callbacks:{open:function(){if($(this).attr('myatt')=="hello"){//dos

javascript - 如何编写通过选择器切换类的 Angular Directive(指令)

我正在尝试编写一个根据选择器条件切换类的指令:Examplecheckbox我需要以某种方式监视元素及其后代上的DOM更改,但我得到了ng:areqerror.我该怎么做?define(function(require){var_=require('lodash');return{restrict:'A',scope:{object:'@classWhen'},link:function(scope,element){scope.$watchCollection(function(){returnelement.find('*').add(element);},function(){_

javascript - jQuery/JavaScript : Detecting scroll direction - code structure issue

我需要检测用户滚动的方向——“向上”或“向下”。基于此答案中的代码:HowcanIdeterminethedirectionofajQueryscrollevent?我试图将它包装在一个函数中,这样它就更有区别了——但不幸的是,它不起作用。我认为这与我返回值的方式有关,但方向始终是“向上”。作为JavaScript的新手,我在解决这个问题时遇到了问题。代码如下:$(document).ready(function(){'usestrict';varlastScrollTop=0,st,direction;functiondetectDirection(){st=window.pageY

javascript - 在 JavaScript 中将数组作为一对 (current, next) 进行迭代

在问题Iteratealistaspair(current,next)inPython,OP有兴趣将Python列表迭代为一系列current,next对。我有同样的问题,但我想以最干净的方式在JavaScript中完成,也许使用lodash.用一个简单的for循环很容易做到这一点,但感觉不是很优雅。for(vari=0;iLodash几乎可以做到这一点:_.forEach(_.zip(arr,_.rest(arr)),function(tuple){varcurrentElement=tuple[0];varnextElement=tuple[1];})这个微妙的问题是在最后一次迭代