草庐IT

指令周期

全部标签

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 - 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 - 在 React 中使用 componentWillMount 或 componentDidMount 生命周期函数进行异步请求

我正在阅读有关React生命周期的文章,但有点困惑。有些人建议使用componentWillMount进行ajax调用:https://hashnode.com/post/why-is-it-a-bad-idea-to-call-setstate-immediately-after-componentdidmount-in-react-cim5vz8kn01flek53aqa22mbyCallingsetStateincomponentDidMountwilltriggeranotherrender()callanditcanleadtolayoutthrashing.在其他地方它说不

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