草庐IT

ldr伪指令

全部标签

javascript - 如何使用angularjs在单个ng-init指令中调用多功能

我只是尝试在angularjs的单个ng-init中调用两个函数。但它对我来说是错误的。我的代码:ng-init="function1();function2();"我不知道如何正确调用这些函数。任何人都可以给我一些想法。谢谢提前.. 最佳答案 您可以创建一个主函数,如“init”,然后在该函数内调用其他函数。ng-init="init()"从你的Controllerfunctioninit(){function1();function2();} 关于javascript-如何使用ang

javascript - AngularJS 指令 : compile template and watch scope

我在Angularjs上编写了一个非常复杂的应用程序。这已经大到让我感到困惑了。我对Angular进行了更深入的研究,发现我的代码很糟糕。我理解这个概念:module.directive('createControl',function($compile,$timeout){scope:{//scopebindingswith'='&'@'},template:'Templatestringwithbinded{{variables}}',link:function(scope,element,attrs){//Functionwithlogic.Shouldwatchscope.}我

javascript - 带有指令的 AngularJS 动态表单字段 ID 不起作用

尝试将指令添加到具有动态ID的输入时,链接方法未正确绑定(bind)到对象。给定以下jsfiddle或html:Date:和js:varmodule=angular.module('myApp',[]);module.directive('datepicker',function(){varlinker=function(scope,element,attrs){element.datepicker();}return{restrict:'A',link:linker}});functionMyCtrl($scope){$scope.id=7}我在控制台调试器上看到的是,当链接被调用时

javascript - Angular2指令修改点击处理

我正在尝试编写一个Angular2属性指令来修改某些元素的行为。更具体地说,我想将属性应用于具有点击处理程序的某些元素,并防止绑定(bind)函数在特定条件下执行。所以现在我有一个元素,例如:onClick是在托管按钮元素的组件上声明的一个函数,该组件执行某些操作。我想做的是写这样的东西:并有一个像这样的指令:@Directive({selector:'[online-only]',})exportclassOnlineOnlyDirective{@HostListener('click',['$event'])onClick(e){if(someCondition){e.preven

javascript - 用于 ElevateZoom jQuery 插件的 AngularJS 指令

我正在尝试使用ElevateZoomangular应用程序中的jQuery插件。本质上,要正常使用ElevateZoom,您可以按如下方式创建图像:然后在你的应用程序JS中:$('#my-img').elevateZoom(options);这在标准应用程序中运行良好。但是,当我尝试使用指令在我的AngularJS应用程序中执行此操作时(我遵循了一些SO答案以使用指令将jquery插件转换为Angular)我就是无法使其工作。Plunkr上的实时可编辑演示:http://plnkr.co/edit/Mu4EOcGtGs7XVDDUvnnB?p=preview我的指令是这样的:app.d

javascript - 在指令中监听表单提交事件

我想在指令中监听表单提交。假设我有这样的指令:app.directive('myDirective',function(){return{restrict:'A',require:'^form',scope:{smth:'='},link:function(scope,el,attrs,formCtrl){scope.$watch(function(){returnformCtrl.$submitted;},function(currentValue){console.log('submitted');});}}});用上面的方法我可以看到第一次提交,但不能看到其余的。我试图做这样的事

javascript - AngularJs 指令中的数据绑定(bind)

我很难弄清楚如何确保在创建指令时保持双向数据绑定(bind)。这是我正在使用的东西和fiddle:http://jsfiddle.net/dkrotts/ksb3j/6/HTML:{{bar}}指令:myApp.directive('myMaxlength',['$compile',function($compile){return{restrict:'A',scope:{},link:function(scope,element,attrs,controller){element=$(element);varcounterElement=$compile(angular.elemen

javascript - angularjs 将 ngModel 从包装指令传递到包装指令

我是Angular的新手,仍然在为自定义指令苦苦思索。我想重用这段HTML{{$item.name}}通过将其包装到我的自定义指令中:是这样的:app.directive('languagePicker',function(){return{template:'{{$item.name}}',restrict:'E',require:'ngModel',replace:true....};});但是如何将ngModel从我的language-picker传递到ui-select指令?更新使用下面的建议,我让它与ui-select一起工作,但外部模型根本没有更新,请参见plnkr.co/

javascript - Angularjs 指令删除监视?

我在指令的Controller中声明了一个$scope.$watch。当我更改页面并删除指令时,我是否必须手动销毁方式?如果是这样,我如何检测指令何时被删除? 最佳答案 这取决于作用域,而不是指令。如果作用域被销毁,那么它的所有$watchers都会随之消亡。在页面更改时,您的范围将被Angular破坏,因此您应该是安全的。当作用域死亡时,它会产生一个$destroy事件。你可以观看它:$scope.$on('$destroy',callback);并且您可以通过调用它返回的函数手动将$watchers从作用域中分离出来:varse

javascript - ng-bind 发生在我的指令之后,所以我没有值(value)

我有一个带有ng-bind指令的div元素:我有一个获取元素的指令,检查它的值/文本并根据内容为元素添加颜色。我正在使用这个指令:问题是在执行指令时,div上没有值或文本,因为ng-bind还没有发生。我正在使用element.text()获取文本。知道如何使文本在我的指令中可用吗? 最佳答案 您的指令可能在ngBind绑定(bind)它的值之前运行-您的指令和ngBind都是优先级0,因此任何一个都可以先运行,稍后会详细介绍-但让我们看看ngBindsourcecode查看问题的根源:varngBindDirective=ngDi