草庐IT

LOCK指令前缀

全部标签

javascript - 无法从指令访问 Controller 范围

这是我的应用配置:angular.module('myApp',['myApp.directives','myApp.controllers','myApp.services']);这是我的Controller:angular.module('myApp.controllers',[]).controller('MainCtrl',function($scope){$scope.name='world';});这是我的指令:vardirectives=angular.module('myApp.directives',[]);directives.directive("hello",f

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 - Angularjs - 使用指令来实例化其他指令?

所以让我们在我的HTML中说我有这样的东西:那么这个指令的javascript是这样的:tabsApp.directive('tabcontent',function(){varmyObj={priority:0,template:'',replace:true,controller:'TabCtrl',transclude:false,restrict:'E',scope:false,compile:function(element,attrs){returnfunction(parentScope,instanceEle){parentScope.$watch('type',fun

javascript - AngularJS 嵌套指令中的双向数据绑定(bind)

如果您需要更多信息或希望我澄清任何事情,请告诉我。我尝试了很多不同的方法来解决这个问题,但还没有找到解决方案。我对angularJS比较陌生,我正在尝试构建一个包含多层数据的应用程序。我有一些基本的用户信息存储在ControllerPageController的主体范围内。然后我有一个设置表单,它使用$routeParams(带有ControllerSettingsController)加载,其中包括几个用于模板目的的自定义指令。由于指令是嵌套的,我使用嵌入将第二个指令加载到第一个指令中。这一切似乎工作正常。我的问题是我试图从最里面的指令中引用字段user.firstname并希望使用

javascript - Angularjs 指令隔离范围 + 单向数据绑定(bind)不适用于对象?

我创建了一个具有两个值的自定义指令。第一个是配置对象,第二个是数据对象。我在我的指令中修改了这个配置和数据对象,这在父范围中反射(reflect)了它。当我必须多次使用指令时,这会导致我出错。我关注了https://umur.io/angularjs-directives-using-isolated-scope-with-attributes/我正在使用隔离范围。我想要一种方式对隔离范围内的对象进行数据绑定(bind)。无论我在指令函数中更改什么,它都不应该反射(reflect)在父范围中。以下是指令的范围。scope:{config:"&config",dataObj:"&data

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

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

javascript - AngularJS 指令出错 - 无法读取未定义的属性 'compile'

AngularJS的新手并尝试创建一个简单的指令。代码失败并显示类型错误:无法读取未定义的属性“编译”。任何建议将不胜感激。JSvarxx=angular.module('myApp',[]);xx.directive('myFoo',function(){return{template:'23'};});HTML您可以在此处找到代码和错误https://jsfiddle.net/p11qqrxx/15/ 最佳答案 这只是你的返回声明。差:return{}//Thisreturnsundefined,returnisoddanddo

javascript - 使用 $emit from 指令将事件发送到 Controller

我尝试在选择项目时发送一个事件,使用$emit从指令到Controller。我有两个针对组织的更新功能,另一个针对人员。我的指令应指定应发出哪个事件。这是我的更新函数://组织$scope.updateOrgs=function(selectedVal){}//为人$scope.updatepeople=function(selectedVal,type){}如果是people,我的指令应该为updatepeople()引发一个emit事件,如果是org,它应该引发updateorg()。我的指令是这样的:.directive('search',function($timeout){r

javascript - 如何将 $scope 传递给 angularjs 1.5 组件/指令

我正在尝试在Angular1.5中使用新的.component()方法。目前我发现关于如何使用它的信息很少。Angular文档也没有真正提到它。我正在尝试将作用域或对象从作用域传递到.component以在组件的模板部分中使用,但我可以传递的唯一两个参数是$element和$attrs。我尝试通过html中的属性传递对象,但我得到的只是对象名称的字符串。我尝试过将其设置为以这些方式表示为变量my-attr="item.myVal"my-attr="{item.myVal}"my-attr="{{item.myVal}}"每次我仍然得到字符串文字而不是变量的值。如何将其设置为作为变量处理

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