TOGOUTECH

angularjs-directive

全部标签

javascript - ngSmoothScroll Angular Directive(指令)不起作用

我正在使用以下指令https://github.com/d-oliveros/ngSmoothScroll使这个项目中的东西平滑地滚动到选定的元素。这是我的代码:...<!--build:js(.)scripts/vendor.js--><!--bower:js--><scriptsrc="bower_components/jquery/dist/jquery.js"></script><scriptsrc="bower_components/angular/angular.js"></s

javascript - Angular 自定义指令更改属性值

努力寻找监视属性更改的最佳方法,理想情况下,它会根据按键事件进行更新,并绑定(bind)到父Controller中的范围我希望指令的每个“实例”都有自己的“hasFocus”属性,可以通过更新属性值来更改例如<menuhas-focus="{{true}}"></menu><menuhas-focus="{{false}}"></menu><menuhas-focus="{{false}}"></menu>模板:<divclass="menu"&

javascript - 在 Angular JS 模块中传递并获取 DOM 元素值

我真的是AngularJS的新手我有一个html页面,它加载了这样一个js文件<scripttype="text/javascript"src="components/adf-widget-iframe/dist/adf-widget-iframe.min.js"></script>该文件(adf-widget-iframe.min.js)内容如下所示!function(){"usestrict";angular.module("adf.widget.iframe",["adf.provid

javascript - 在 AngularJS 中评估指令属性中的表达式

我做了很多解决方法、搜索和研究,但我不知道如何实现我的目标。-问题:我有以下情况,我想避免用户可以契约(Contract)中的佣金日期重叠。当用户添加新的佣金,我们显示一个列表,其中添加了生成的佣金angRepeat,这个有难度,用户可以编辑日期。在契约(Contract)部分,这不是问题,因为对于edita契约(Contract),你必须去其他屏幕编辑它,日期不能在同一View中进行修改。-我感到困惑的地方:当我编辑一个添加的佣金时,我必须将它与之前添加的另一个进行比较,所以,我想要一个列表,其中定义了所有佣金的日期,并且可以在指令中说,开发一个函数,该函数返回一个列表,其中包含所有

javascript - 自定义指令范围与属性

在以Angular创建自定义指令时,我有一个问题。当我使用链接函数时,我不确定使用attrs或范围访问属性时的真正区别是什么。以这段代码为例:myApp.directive('someDirective',function(){return{restrict:'E',replace:true,scope:{title:'=title'},template:'<img/>',link:function(scope,element,attrs){if(scope.title){//dosomethinghere}i

javascript - 如何将 $q 传递给 Angular Directive(指令)链接函数?

我需要使用$q我的指令的一个link函数。我需要它来包装由参数之一重新调整的可能promise(请参见下面的示例)。但是,我不知道如何将$q依赖项传递给此函数。angular.module('directives').directive('myDirective',function(){return{scope:{onEvent:'&'}//...link:function($scope,$element){$scope.handleEvent(){$q.when($scope.onEvent()){...}}}}}

javascript - 单选按钮中的 ng-model 类型更改

请注意这个例子:JSFiddleSample<divng-controller="myCtrl">varng-model={{myValue}}-{{myType}}<inputtype="radio"value="true"name="boolean"ng-change="logIt()"ng-model="myValue"/>True<inputtype="radio"value="false"name="boolea

javascript - 我可以使用 Angular 变量作为音频标签的来源吗?

我正在尝试执行以下操作:<divng-repeat="audioinevent.audios"><audiong-src="/data/media/{{audio}}"controls></audio></div>但是当我加载View时,{{audio}}变量没有被解析,而是被硬编码到源代码中。但是,例如,如果我将相同的变量放在音频标签之外,它会正确呈现音频文件的名称。我试过同时使用src和ng-src都无济于事。有没有办法让变量在音频标签中起作用?提前致谢。 最佳答案

javascript - 如何以 angularjs 形式添加数组大小验证规则?

我有一个表单,其中包含一些文本输入字段和存储在Controller$scope中的动态项目列表,以及一些用于添加/删除列表中项目的函数。我想使表单无效,直到项目列表达到预定义的长度。所以我创建了一个formRepeat指令,它带有一个ngModel属性,然后使用ngModelController使表单无效。http://plnkr.co/edit/jSFvak?p=preview这可行,但我认为这不是更好的方法,因为该指令不是很灵活。最简单的方法是使Controller中的表单无效,例如:$scope.myForm.$valid=false;但这行不通。有没有更好的办法?

javascript - AngularJS 将属性中的 URL 传递给指令的隔离范围 - 意外标记 ':'

我是AngularJS的新手,几天前才开始使用它,所以如果问题本身不正确,请原谅我。我遇到的问题是我想通过属性将URL参数传递到我的指令的隔离范围,但是在:部分http://它给我一个错误,说SyntaxError:Token':'isanunexpectedtokenatcolumn5oftheexpression[http://...指令的HTML部分(我“调用”它的地方)是这样的:<myDirectivedatasource="http://url"></myDirective>然后我像这样将它绑定(bind)(?)到隔离范围:scope: