草庐IT

JVM指令手册

全部标签

javascript - Vue.js 2,从指令更改数据

使用单文件组件,如何从指令更改数据属性?例如,我有...exportdefault{name:'app',data:function(){return{is_loading:true}},directives:{do_something:{bind:function(el,binding,vnode){//Changetheis_loadingproperty}}}}起初我以为我可以做this.is_loading=false但this是undefined。 最佳答案 要在指令中引用this,您可以简单地使用vnode.contex

javascript - 如何为 angularjs 编写替换 dom 元素但保留绑定(bind)的指令

从这个问题开始:howtowriteadirectiveforangularjsthatreplacesdomelementswithoutusingng-transclude?我希望编写一个更改dom元素但随后保留所有属性和绑定(bind)的指令。HelloThere到HelloThere提前致谢! 最佳答案 据我所知,Angular会自动将属性移植到新元素。无需自己遍历它们。在你的情况下,如果你想保留它,你还需要嵌入内容。app.directive('myText',function(){return{replace:true,

javascript - angularjs 一个元素上的两个指令

我有两个指令://GeneratedbyCoffeeScript1.6.3app.directive("focusMe",function(){return{scope:{focus:"=focusMe"},link:function(scope,element){returnscope.$watch("focus",function(value){if(value===true){element[0].focus();returnscope.focus=false;}});}};});和://GeneratedbyCoffeeScript1.6.3app.directive("cle

javascript - 在 AngularJS 指令中获取元素父高度

如何从指令中获取和设置元素的父级高度?这就是我现在拥有的,显然它不起作用。varvAlign=angular.module("vAlign",[]).directive('vAlign',function(){return{restrict:"AC",link:function(scope,e){e.parent.height(1200);console.log(e.parent.height);}};}); 最佳答案 您可以使用jqLit​​e/jQuery的parent和height方法:link:function(scope,

JavaScript 语言引用手册

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。是否有完整的、最新的和可下载的JavaScript语言引用手册!?

javascript - AngularJs 指令 : call method from parent scope within template

我对Angular指令还很陌生,我很难让它做我想做的事。这是我所拥有的基础知识:Controller:controller('profileCtrl',function($scope){$scope.editing={'section1':false,'section2':false}$scope.updateProfile=function(){};$scope.cancelProfile=function(){};});指令:directive('editButton',function(){return{restrict:'E',templateUrl:'editbutton.t

javascript - 在 AngularJS 指令模板中的元素上测试 focus()

给定以下指令directive('myDirective',function(){return{restrict:'A',scope:{},replace:false,template:'',link:function(scope,element,attr){scope.onFocus=function(){console.log('gotfocus');};}};});我已经测试过焦点观察器可以在浏览器中工作,但我希望能够在单元测试中触发它。这是我尝试过的方法,但没有用。varelement=angular.element('');$compile(element)($scope);

javascript - 如何将 $q 传递给 Angular Directive(指令)链接函数?

我需要使用$q我的指令的一个link函数。我需要它来包装由参数之一重新调整的可能promise(请参见下面的示例)。但是,我不知道如何将$q依赖项传递给此函数。angular.module('directives').directive('myDirective',function(){return{scope:{onEvent:'&'}//...link:function($scope,$element){$scope.handleEvent(){$q.when($scope.onEvent()){...}}}}} 最佳答案 只需

javascript - 自定义指令范围与属性

在以Angular创建自定义指令时,我有一个问题。当我使用链接函数时,我不确定使用attrs或范围访问属性时的真正区别是什么。以这段代码为例:myApp.directive('someDirective',function(){return{restrict:'E',replace:true,scope:{title:'=title'},template:'',link:function(scope,element,attrs){if(scope.title){//dosomethinghere}if(attrs.title){//dosomethinghere}},}根据我的观察,从

javascript - AngularJS:在包含带有 templateurl 的指令的 html 上使用 $compile

我有一个遗留应用程序,它通过jQuery将一些内容插入到DOM中。我希望代码库的遗留部分负责编译插入到DOM中的html。我可以使用$compile让它编译初始html,但是任何由指令的模板或templateUrl添加的DOM元素都不会被编译,除非我调用$scope.$apply()来自指令本身。我在这里做错了什么?fiddle链接:http://jsfiddle.net/f3dkp291/15/index.htmlapplication.jsangular.module('app',[]).directive('debug',function(){return{restrict:'E