草庐IT

ldr伪指令

全部标签

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

javascript - 在 AngularJS 指令中获取元素父高度

如何从指令中获取和设置元素的父级高度?这就是我现在拥有的,显然它不起作用。varvAlign=angular.module("vAlign",[]).directive('vAlign',function(){return{restrict:"AC",link:function(scope,e){e.parent.height(1200);console.log(e.parent.height);}};}); 最佳答案 您可以使用jqLit​​e/jQuery的parent和height方法:link:function(scope,