草庐IT

AT指令

全部标签

javascript - 带有发布/订阅的指令之间的 Angularjs 事件通信

我想用Angular事件系统创建一个发布/订阅机制。angular.module("app",[]);angular.module("app").directive("first",function($rootScope){return{template:"FirstDirective",link:function(scope,element,attribute){$rootScope.$broadcast("OnFirstDirectiveCreated",{"message":"I'mfirstdirective"});}}})angular.module("app").direc

javascript - 在 AngularJS 指令中循环遍历元素的子元素

我有一个问题-我忘记了如何编码!我有一个位于父包装器标签(DIV)上的angularJS指令,在我的指令中我希望遍历子项(第一个子DIV)。我有以下内容{{user.userName}}{{user.userAge}}现在在我的指令中,我希望遍历第一个子div(可能有很多,但我在加载的View中看到10个用户)并使用数据属性在我的指令中执行某些检查和修改,$location对象和可能更多...但是我不记得如何遍历第一个子div,我尝试的一切似乎都出错了...到目前为止我有这个,这是行不通的!在下面的示例中,我只想将第一个子节点的data-id写入控制台.directive('check

javascript - 指令/工厂不在生产中工作

我有一个指令可以为用户打印出闪现消息。在我的本地主机上一切正常,但一旦我在Heroku上对其进行测试,就不会出现闪现消息。这是Controller。angular.module("alerts").controller("AlertsController",alertController)alertController.$inject=['Flash']functionalertController(Flash){varvm=this;vm.flash=Flash;}指令...angular.module("alerts").directive('flash',flash);flash

javascript - AngularJS 在指令中添加 ng-click

我正在执行拖放指令。在放下时,我将元素的副本添加到我的div并向其附加ng-click属性,如下所示:copy.append('×');例如,在Controller中我有$scope.abc=function(){alert('Hello!');}而且它不起作用。如果我在页面上手动添加此按钮,它会正常工作。 最佳答案 copy.append('×');$compile(copy)($scope); 关于javascript-AngularJS在指令中添加ng-cl

javascript - AngularJS bootstrap popover 自定义指令

我使用bootstrap自定义弹出窗口创建了一个指令。这可以从用户输入组名,它有两个按钮用于将该值应用于模型并在工具提示上显示该值,还有一个按钮用于关闭弹出窗口。我正在使用popoverjava脚本事件,问题是单个popover工作得很好但是当我打开另一个popover时,这个popover不会自行关闭。在打开一个弹出窗口时需要帮助关闭其他弹出窗口。这是plnk显示指令。这是代码varapp=angular.module('myApp',[]);app.directive('customEditPopover',function(){return{restrict:'A',templa

javascript - Button doesn't update in Ajax - Rails Tutorial 3 at §12.2.5

我正在学习MichaelHartl的Rails教程,并在§12.2.5遇到了一个小障碍,我们应该在其中使用Ajax创建一个工作按钮。我知道代码是正确的(我直接从书中复制它并重新输入三遍)并且我是新手。但它实际上不起作用!在本教程的这一部分中,我们正在更改常规表单提交按钮以使用Ajax,这样整个页面就不会“刷新”(实际上,重定向到同一页面),而只是按钮和相应的侧边栏项目更新。问题是按钮不会像我期望的那样在单击时自动重新加载。它会在页面刷新时重新加载。如果我在我的浏览器中禁用JS,它会恢复-正如它应该的那样-触发重定向并“刷新”整个页面的HTML版本。如果你想知道,我试过刷新页面,我试过F

javascript - Chai 期待 : an array to contain an object with at least these properties and values

我正在尝试验证像这样的对象数组:[{a:1,b:2,c:3},{a:4,b:5,c:6},...]至少包含一个同时具有{a:1}和{c:3}的对象:我想我可以用chai-things做到这一点,但我不知道对象的所有属性都可以使用expect(array).to.include.something.that.deep.equals({??,a:1,c:3});和contain.a.thing.with.property不适用于多个属性:/测试此类内容的最佳方法是什么? 最佳答案 所需的解决方案似乎是这样的:expect(array).

javascript - Angular ngController 与在指令中构建的 Controller

我想知道这两种创建Controller的用例是什么:使用ngController:myApp.controller('myController',['$scope',function($scope){}]);在带有Controller属性的指令中构建Controller:myApp.directive('myDirective',['$window',function($window){return{restrict:'A',controller:['$scope',function($scope){}],link:function(scope,element,attrs){}};}]

javascript - Angularjs input[placeholder] 指令与 ng-model 中断

所以第一天开始使用angularjs,我不太明白。我正在尝试使用AngularDirective(指令)模仿html5占位符。在我向该字段添加ng-model之前,它完全有效,然后它仅在用户与该字段交互并破坏该字段的任何值后才有效。代码在这里http://jsbin.com/esujax/32/edit指令App.directive('placehold',function(){return{restrict:'A',link:function(scope,element,attrs){varinsert=function(){element.val(attrs.placehold);

javascript - 如何检查指令中包含的表格的有效性?

重写此问题以进行澄清如何检查指令中包含的表单的有效性?我想在指令的linkfunction中检查myForm.$valid。我将在我的指令中注入(inject)不同类型的形式,或者以您可以说的不同形式使用我的指令困难在于范围是孤立的,并且没有以下答案对我有用。请在此处找到完整代码,https://plnkr.co/edit/K3IrE5KVehWXFM9JEMvE?p=preview我想在表单无效时禁用“保存”按钮。 最佳答案 要回答您的主要问题,您可以像任何其他模型值一样公开和绑定(bind)表单:angular.module("