草庐IT

汇编sal指令

全部标签

javascript - AngularJS 指令链接功能不起作用

http://jsfiddle.net/kz26/kH9wg/我正在尝试使用AngularJS中的指令,并尝试了简写指令样式(仅返回链接函数)和普通样式(返回全部或部分指令定义对象)。不幸的是,我只能使用popup2中定义的速记方式使指令工作(激活jQuery弹出窗口)。普通的popup2指令似乎根本不起作用,特别是我的定义对象中的link函数从未被调用过。我需要做什么才能使此显式链接声明生效? 最佳答案 您的两个指令都进行了一些小的调整,以便在创建指令时重用相同的模块,而不是覆盖第一个指令。参见thisfiddle.而不是做:an

javascript - Angular 指令 - 如何根据属性值选择模板?

我正在开发一个小部件,我想在其中一个接一个地呈现一些消息/文本。我想根据消息的类型更改消息的模板。我当前的指令设置如下directive('cusMsgText',function(){return{restrict:'E',template:function(elements,attrs){return'';},link:function($scope,iElm,iAttrs,controller){//addchildrentoiElmbasedonmsgvaluesin$scope}};});指令使用如下现在我的问题是-:是否可以返回多个字符串(模板)之一模板函数本身基于属性的实

javascript - Angular 指令/子指令嵌入在 ng-repeat 中

问题是子指令绑定(bind)到父指令,但是语法{{name}}被ng-repeat忽略。实现这一目标的正确方法是什么?HTML(主/子指令){{name}}or{{item.name}}指令angular.module('core').directive('compactSelect',[function($timeout){return{templateUrl:'modules/core/views/components/compact-select-tpl.html',bindToController:true,transclude:true,scope:{noItemSelect

javascript - 多个指令要求模板

Error:[$compile:multidir]Multipledirectives[statbox,statbox]askingfortemplateon:(在控制台上)在index.html中在dashboard.module.js中vardashboardModule=angular.module('dashboard',['ngRoute']);在dashboard.component.js内部angular.module('dashboard').component('dashboard',{templateUrl:'templates/dashboard/dashboar

javascript - 带空格的 AngularJS 自定义指令参数

我有一个自定义指令,用于标准化日期输入并格式化它们以匹配我的(有点奇怪的)API要求。用于调用它的标签如下:我收到以下错误:SyntaxError:Token'Of'isanunexpectedtokenatcolumn6oftheexpression[DateOfBirth]startingat[OfBirth].当我删除空格时(即date-label="DateOfBirth"它工作正常。)如何在指令属性中允许空格?指令:directives.directive('dateInput',[function(){varlink=function(scope,element,attrs

javascript - AngularJs 指令链接函数无法更改 Controller 范围内定义的变量

我正在尝试创建一个带有链接函数的指令,它可以在其中更改作用域中的“varName”(即在输入标签中)。请注意,指令模板与Controller中的“varName”相同,并且未使用范围属性。事情是这样的:情况1:如果我单击自定义元素,将调用$scope中定义的“runFn”函数,但“varName”不会更改。情况2:如果我单击div标签,“runFn”函数也会被调用并且“varName”会被更改。我尝试了3种方法,但似乎无法获得更改“varName”值的链接功能。有人可以解释为什么n提供解决方案吗?谢谢。代码:clickfornewvaluewindow.onload=(function

javascript - angularjs 中的 ng-else 指令

我们如何创建与ngIF指令相同的ngELSE指令?下面是ngIfDirective的代码。我们要为ngELSE自定义代码吗?varngIfDirective=['$animate',function($animate){return{multiElement:true,transclude:'element',priority:600,terminal:true,restrict:'A',$$tlb:true,link:function($scope,$element,$attr,ctrl,$transclude){varblock,childScope,previousElement

javascript - Vue.js 2,从指令更改数据

使用单文件组件,如何从指令更改数据属性?例如,我有...exportdefault{name:'app',data:function(){return{is_loading:true}},directives:{do_something:{bind:function(el,binding,vnode){//Changetheis_loadingproperty}}}}起初我以为我可以做this.is_loading=false但this是undefined。 最佳答案 要在指令中引用this,您可以简单地使用vnode.contex

javascript - 如何为 angularjs 编写替换 dom 元素但保留绑定(bind)的指令

从这个问题开始:howtowriteadirectiveforangularjsthatreplacesdomelementswithoutusingng-transclude?我希望编写一个更改dom元素但随后保留所有属性和绑定(bind)的指令。HelloThere到HelloThere提前致谢! 最佳答案 据我所知,Angular会自动将属性移植到新元素。无需自己遍历它们。在你的情况下,如果你想保留它,你还需要嵌入内容。app.directive('myText',function(){return{replace:true,

javascript - angularjs 一个元素上的两个指令

我有两个指令://GeneratedbyCoffeeScript1.6.3app.directive("focusMe",function(){return{scope:{focus:"=focusMe"},link:function(scope,element){returnscope.$watch("focus",function(value){if(value===true){element[0].focus();returnscope.focus=false;}});}};});和://GeneratedbyCoffeeScript1.6.3app.directive("cle