草庐IT

LOCK指令前缀

全部标签

javascript - Angular JS 指令卸载事件或等效事件

所以,我有这些小部件:如您所知,它们是由ng-repeat创建和删除的。所以当有人确实删除了一个小部件时,指令中是否有任何地方我可以捕捉到正在发生的事件或等效事件?.directive('widget',functionwidget(){vardirective={restrict:'E',compile:compile};returndirective;functioncompile(){return{pre:preLink,post:postLink};}functionpreLink(scope,element){}functionpostLink(scope,element){

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - addEventListener 到 AngularJS 中的简单指令示例

试图获得this非常基本的指令示例。根据一些调查,“elem”似乎是HTMLHeadingElement(继承自Element)的对象。不确定为什么elem.addEventListener不起作用。此外,elem.bind似乎有效,但这不是globalbind,对吧?此外,如果有人可以触及文档对象模型(DOM)级别2HTML规范与文档对象模型(DOM)级别1规范,那就太好了。碰巧第一次遇到这个,这是DOM元素的新对象层次结构吗?下面是我的指令的链接函数:-link:function(scope,elem,attrs){//elemwillbeHTMLHeadingElementobj

javascript - 在指令中观看 ng-model

我有以下指令:directive('myInput',function(){return{restrict:'AE',scope:{id:'@',label:'@',type:'@',value:'='},templateUrl:'directives/dc-input.html',link:function(scope,element,attrs){scope.disabled=attrs.hasOwnProperty('disabled');scope.required=attrs.hasOwnProperty('required');scope.pattern=attrs.pat

javascript - 在 AngularJS Controller 和指令中使用 "this"而不是 "scope"

我最近在读约翰爸爸的固执己见AngularJSstyleguide并注意到他对Controller的约定:/*recommended*/functionCustomer(){varvm=this;vm.name={};vm.sendMessage=function(){};}当它在控​​制器中使用时,它工作得很好,因为你可以做这样的事情(他的例子):{{customer.name}}但是我更好奇它如何与依赖于此Controller的指令一起工作。例如,在我的Controller上使用$scope我可以做这样的事情:testModule.directive("example",funct

javascript - 将服务变量绑定(bind)到指令?

我有一个Controller,它包含一个从服务器获取一些数据的函数。我将该数据存储在服务变量中。然后将此服务注入(inject)到指令中。我希望在调用此函数并更新数据时自动更新指令。我的Controller:angular.module('myApp').controller('myCtrl',['$scope','SomeService',function($scope,SomeService){$scope.update=function(){SomeService.myValue=100;}}]);指令:angular.module('myApp').directive('myD

javascript - AngularJS:将服务注入(inject)指令?

我一直在尝试将D3.js与Angular集成,并且正在学习本教程:http://www.ng-newsletter.com/posts/d3-on-angular.html本教程创建了一个包含d3Service的d3模块,并将其注入(inject)指令中。我的应用程序的结构略有不同,但每当我尝试注入(inject)d3服务时,它都会在我的指令link函数中显示为undefined。我可以毫无问题地将d3服务注入(inject)我的Controller。这是我正在做的:app.js:varsentimentApp=angular.module('sentimentApp',['ngRou

javascript - Shift 单击以在不使用 Angular Directive(指令)的情况下为对象添加值

在HTML文件中:...AppleBananaCoconut...Controller:...$scope.addFruit=function(fruitName){$scope.fruitObject.name=fruitName;};$scope.fruitObject={name:'',}因此,如果我单击HTML文件中的链接,它会更改fruitObject.name。我想添加一个功能,如果我用shift键单击链接,该值将被添加到fruitObject:$scope.fruitObject={name:['Apple','Banana']}我可以在不使用AngularDirecti

javascript - 使用 controllerAs 时访问指令中的父范围

我目前有一个使用父Controller范围内属性的指令:.controller('MainCtrl',function($scope){$scope.name='MyName';}).directive('myDirective',function(){return{scope:true,controller:function($scope){console.log($scope.name);//logs'MyName'}};})现在我要在我的Controller中使用controllerAs语法,但我不知道如何在我的指令的Controller中获取对Controller对象的引用。.

javascript - 如何观看指令的指令 ng-model

我有一个使用该View中的父作用域的指令。该指令有一个使用隔离作用域的子指令。我试图让父指令观察对子指令的ngModel所做的任何更改,并在进行更改时更新其自己的模态。这是一个可能解释得更好的jsfiddle:http://jsfiddle.net/Alien_time/CnDKN/代码如下:Javascript:varapp=angular.module('app',[]);app.controller('MyController',function(){});app.directive('thisDirective',function($compile,$timeout){retu