草庐IT

ACC指令

全部标签

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 - 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("

javascript - Angularjs 使用指令进行初始表单验证

我有一个名为valid-number的验证指令用于使用$setValidity设置表单的有效性-这适用于我在输入框中键入的任何文本值,这些文本值将指令作为属性应用。HTML是指令如下angular.module('test',[]).directive('validNumber',function(){return{require:"ngModel",link:function(scope,elm,attrs,ctrl){varregex=/\d/;ctrl.$parsers.unshift(function(viewValue){varfloatValue=parseFloat(vi

javascript - Angular.js 从指令到 Controller 的返回值

我对指令有疑问。我找到了这个插件:http://allensarkisyan.github.io/VideoFrame/,现在我的Controller中有这个插件实现:HTMLMARKINMARKOUTPICTUREControllermwm3.controller('newSegmentationCtrl',function($scope,$timeout,SegmentationService,$route){varjsonTimecodeArr=[];varjsonPictureArr=[];varpictureObj=newObject();varLogicalMedia=ne

javascript - Angular 计时器指令不适用于 ionic 框架

我在使用ionic框架实现Angular计时器指令时遇到问题。http://siddii.github.io/angular-timer/当我使用bower或googlecdn实现代码时,我没有遇到任何问题。PlainJavascriptTimerExamplefunctionstartTimer(){document.getElementsByTagName('timer')[0].start();}functionstopTimer(){document.getElementsByTagName('timer')[0].stop();}PlainJavaScript-TimerEx