草庐IT

汇编sal指令

全部标签

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 - 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

javascript - 在 AngularJS 中评估指令属性中的表达式

我做了很多解决方法、搜索和研究,但我不知道如何实现我的目标。-问题:我有以下情况,我想避免用户可以契约(Contract)中的佣金日期重叠。当用户添加新的佣金,我们显示一个列表,其中添加了生成的佣金angRepeat,这个有难度,用户可以编辑日期。在契约(Contract)部分,这不是问题,因为对于edita契约(Contract),你必须去其他屏幕编辑它,日期不能在同一View中进行修改。-我感到困惑的地方:当我编辑一个添加的佣金时,我必须将它与之前添加的另一个进行比较,所以,我想要一个列表,其中定义了所有佣金的日期,并且可以在指令中说,开发一个函数,该函数返回一个列表,其中包含所有

javascript - AngularJS 1.4.3 ngRepeat 在具有隔离范围的指令中使用时打印 {{ variableName }} 而不是值

在我们将项目的AngularJS从1.2.28升级到1.4.3后,隔离范围内的ngRepeat停止评估变量。它开始打印“{{variableName}}”而不是值。编辑:问题是由iOS8Webkit错误的补丁引起的:https://github.com/angular/angular.js/issues/9128问题来自ngRepeat周围的包装HTML元素。如果我删除它,它工作正常。如果我删除隔离范围,它也会起作用。最奇怪的是,我在CODEPEN上尝试了相同的方法,它工作得很好,但在我们的项目上却不行。这是codepen代码:http://codepen.io/anon/pen/YX

javascript - 在运行时分配 Angular 结构指令

我正在尝试在运行时将Angular代码中的*ngIf指令分配给模板。无法找到一种方法来做到这一点。view/templateref是执行此操作的选项还是有不同的方法和更简单的方法。首先有可能吗?更新:代码有点乱,乱七八糟的,避而远之。但这是DOM代码的大致外观以及我需要动态添加内置结构指令的原因。更新我正在做一个基于userProvidedValue的获取请求值和获取请求的结果决定了fetchArraywithHttpFromuserProvidedValue大批。二、基于fetchArraywithHttpFromuserProvidedValue的值从获取请求派生决定是在切换选项中

javascript - 在指令之间共享公共(public)代码

我正在研究一个Angular项目的核心,为了跨多个组件重用,我想尽可能地保持行为分离。一个示例可能是使用“iScroll”库来下拉刷新某些内容。目前,我遇到了问题,因为其中许多行为都需要它们自己的范围。我认为也许将行为包装在服务中可能是可行的方法,但我还没有真正看到过这种事情的很多例子。所以我想知道这是否是正确的方法。这是一个非常非常简单的jsfiddle示例:http://jsfiddle.net/S7kC7/varcontrols=angular.module('controls',[]);controls.service('ScrollingBehavior',function(