jjzjj

directive

全部标签

javascript - AngularJS:父范围未在指令中更新(具有隔离范围)双向绑定(bind)

我有以下代码,也可以在http://jsfiddle.net/garukun/u69PT/上摆弄.查看:{{pkey}}JS:vartestApp=angular.module('testApp',[]);testApp.directive('testDirective',function($timeout){return{scope:{key:'=parentItem',parentUpdate:'&'},replace:true,template:'{{key}}'+'Lock'+'',controller:function($scope,$element,$attrs){$sco

javascript - AngularJS 指令未显示在模板上

我现在正在使用的AngularDirective(指令)有一个小问题,但我不知道为什么。我认为我忽略了一个相当简单的问题,也许你可以帮助我。指令是这样定义的:angular.module('directives',[]).directive('my-directive',function(){return{restrict:'AE',scope:{name:'=name'},template:'{{name}}'};});然后是index.cshtml:应用程序.js:varapp=angular.module('MyApp',[...,'directives']);这是control

javascript - d3 : Make a static directed graph

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

javascript - Angular 路线/输入自动对焦

我正在使用Angular路线。每个页面(路线)都有一个输入字段。我已经成功地在第一页上使用了属性autofocus。当我导航到其他页面时,输入不会自动对焦。返回第一页不会再次自动聚焦输入。我现在明白为什么它不起作用,但想知道是否有办法实现这一点。我是Angular的新手,我不确定我是否理解我读到的有关ngFocus的内容:https://docs.angularjs.org/api/ng/directive/ngFocus 最佳答案 ngFocus不是您想要的。该指令更像是一个事件触发器。只要用户将焦点放在文本框上,它就会执行您的代

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 - 在选择框选项上使用 ng-hide 或 ng-show

是否可以使用ng-hide指令隐藏选择框选项?http://jsfiddle.net/cr4UB/OneTwoThree{{myDropDown}} 最佳答案 AngularJS1.1.5有一个指令ng-if可以为你工作。检查这个fiddlehttp://jsfiddle.net/cmyworld/bgsVw/ 关于javascript-在选择框选项上使用ng-hide或ng-show,我们在StackOverflow上找到一个类似的问题: https://s

javascript - 带有 ng-repeat、ng-show "Show more"和延迟加载的 Angular 指令

我使用此指令,遍历数组“myArr”,过滤一些条件。这给了我两个问题,我想就此征求意见:a)ng-show部分在那里是因为我有一个条件可以处理这个:Showmore为了显示或隐藏“显示更多”部分。我想不出另一个关于切换这个和/或项目本身的想法。$scope.visible在Controller内部设置为10,一旦我们开始。我无法使用limitTo,因为它无法让我确定是否还有更多要显示的内容,因为它当然会将数组“切碎”到设定的限制。b)在指令内部,模板打印一个标签。只要这些图像未显示在上述结构中,我如何才能阻止它们加载?提前致谢! 最佳答案

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(){_