问题标签 [custom-directive]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2589 浏览

typescript - 如何使用 Typescript 在 Vue 3 中创建全局自定义指令

我使用最新的 Vue cli 创建了该应用程序,并且我试图注册一个全局自定义指令但没有成功。有人可以告诉我我在这里做错了什么吗?

显示问题的屏幕截图

0 投票
0 回答
39 浏览

javascript - 避免在 AngularJS 指令的所有实例中更改范围变量

我目前正在学习 AngularJS,想知道是否有人可以帮助我。我有这个指令可以在输入元素之后显示/隐藏特定的图标元素,但是当我将三个输入堆叠在一起时,并且我单击其中一个图标,它们三个都发生了变化。如何将图标/变量的更改限制在单击的特定元素上?

HTML 代码:

0 投票
0 回答
70 浏览

binding - 如何在 Vue 3 中访问 binding.expression?

我无法从自定义指令的事件中找到 Vue 3 中的 binding.expression。是不是被别的东西代替了?

我需要访问原始表达式来处理它,而不是评估表达式值。

谢谢你。

0 投票
1 回答
340 浏览

angular - 如何将掩码应用于 Typescript 中的默认值

我有一个 mask-phone 指令,当用户写入一个值时,它在输入中完美工作,但我需要设置一个默认值,我不知道如何在组件方法中应用 mask 指令。该值在没有掩码的输入中显示,并且只有当我修改该值时,掩码才会出现。

我遇到的问题是在德国有几种电话号码的可能性,所以我无法在默认值中设置特定的掩码,例如:(49)(170)-1111111(49)(1514)-1111111(49 )(25679)-1111111

我写了一个示例,您可以在以下链接中看到: https ://stackblitz.com/edit/angular5-phone-mask-directive-roeqfk?file=app/app.component.ts

提前致谢 :)

0 投票
0 回答
27 浏览

javascript - 为什么 ng-repeat 不接受来自自定义指令链接函数内的 eventListner 的数据?

我正在开发表单构建器,我的应用程序需要拖放功能。我正在为可放置区域使用自定义指令,并为 eventlistner 使用两种方式的数据绑定。但问题是我无法使用 ng-repeat 从 eventlistener 中的数组呈现数据。我通过在 eventlistner 之外输入一个示例数组进行检查,它运行良好。任何人都可以帮助我吗?

0 投票
0 回答
22 浏览

events - 如何绑定和取消绑定在 angular 指令中传递的事件?

我正在开发一个指令,它可以让我禁用任何元素,例如div并取消绑定它在指令span上的事件。disable

想做这样的事情:

ngDisabled :可以禁用特定元素上的事件的角度自定义指令。
disabledEvents : @input可以接受事件名称数组的装饰器,然后指令可以从该元素取消绑定以下事件。
如果 ngDisabled = true:disabledEvents则取消绑定输入装饰器 中列出的所有事件。
如果 ngDisabled = false: 再次绑定输入装饰器中列出的所有事件,disabledEvents并且应该触发并调用已经写入该元素的函数。

问题 :

如何取消绑定事件并再次在指令中动态绑定该事件?
是否可以以角度动态地取消绑定和绑定该事件?

0 投票
1 回答
31 浏览

angular - 用于类绑定的角度自定义指令

我的指令

使用指令为:

在哪里highlight is BOOLEAN

类在 DOM 中正确应用为: class="bordered highlighted".

突出显示的类有效果,但有边框的类没有效果

样式类定义为:

我不知道为什么会这样

0 投票
0 回答
49 浏览

angularjs - 将具有“链接”和“优先级”属性的自定义指令从 AngularJS 迁移到 Angular

我正在尝试将项目从 AngularJS 1.5.8 迁移到最新版本的 Angular(希望是最新的稳定版)。我正在关注官方升级指南(https://angular.io/guide/upgrade)。现在我被困在转换为组件指令(https://angular.io/guide/upgrade#using-component-directives)。我不清楚应该如何迁移自定义指令,但我认为它们也应该转换为组件指令,就像控制器/模板对一样。

我的项目有自定义指令,其中许多使用属性“链接”和“优先级”。

如果:

问题 1) 根据指南,组件指令不应使用“优先级”属性。

问题 2)您的自定义指令使用此“链接”属性,该属性在组件指令中不存在。

提前致谢

0 投票
1 回答
52 浏览

angular - Angular:Angular 是否支持同一个 DOM 元素上的两个自定义指令?

我正在按照从 angular.io 创建自定义指令的示例。原始代码托管在stackblitz上。但是,当我修改代码以创建辅助指令并将其应用于同一元素时,我没有看到它被应用,也没有看到任何错误抛出。

所以,我的问题是——

  1. 角度不支持同一元素上的两个指令吗?我发现说两个结构指令不能在一个元素上,但不确定自定义指令。
  2. 如果它们受到支持,那么有人可以确定上述代码不起作用的原因。

谢谢。

highlight.directive.ts:

app.component.html:

0 投票
1 回答
46 浏览

angular - Angular 自定义指令

我有超过 5 个输入文本字段,仅接受 comm/dot 和 numbers

ETC..

我为上述验证编写了一个自定义指令。它工作正常,我的要求是“当用户输入 - 逗号时,它必须更改小数(点)。


是否可以在同一自定义指令中更改 ngModel 值。这样我就可以对这两个功能使用相同的指令。

我的自定义指令是——

或者请提出任何优化的方式。这样可以重用代码