问题标签 [custom-directive]

我在 vue 中有以下自定义指令

它工作正常，但没有单引号会更干净。这可能吗？

我正在开发 Angular js 项目，我们在其中使用 ng-repeat 显示使用自定义指令创建的单元格模板中的字符串列表。

它适用于数字列表。但它不适用于字符串列表。

您可以尝试在plunker 上将数字更改为字符串

如何使用单元格模板获取字符串列表？

嘿，我的页面中有一些具有相同自定义指令但值不同的元素。

我想使用该指令获取所有元素来处理它们。

当我使用此代码时：

它只是给了我can指令的第一个元素，而不是全部，所以我如何才能获得can指令的所有元素？！

更新：我的元素是这样的：

我想使用v-can页面中的指令访问所有按钮！怎么做到呢？

我试图在角度 4 中创建动态树视图组件。我有一个数组，其中包含形成动态树视图的数据。

我试图创建一个自定义指令来实现这一点。这是我的代码：

在我的组件 html 中：

在组件 ts 中：

这是输出如何得到：

请检查检查视图，我的代码未正确呈现。*ngFor 仍然存在，我可以在输出中看到插值符号。不知道为什么我的自定义指令不起作用。这是控制台输出以供参考。

我正在使用父范围的插值（{{}}）创建一个具有隔离范围的自定义指令，应该是当父范围更改时，应该使用新数据更新属性。我只更改了 1 个数据，另一个没有更改。

我不需要 2 路绑定，只需 1 路绑定就足够了，这就是我使用 @ 作为属性属性的原因。

我的父母 html

我的指令模板

在我的父范围内

我的指令范围

按钮单击期望对所有值进行更改，但是当单击按钮时，仅显示名称发生更改，但正常且总值没有更改。

你可以参考这个plunkr：https ://embed.plnkr.co/aXctKP/

I have created a custom directive 'limitation' in Sphinx which mentions "Limitation" of a certain product. I want that the limitation be written within a colored box that is similar to 'note' or 'warning' directives with 'limitation' written as the title instead of 'note' or 'warning'. I want this to be handled by my custom directive 'limitation' itself.

Is there any way to do this?

我正在尝试创建一个自定义指令来禁用表单字段，但它不起作用。

我还尝试使用来自“@angular/core”的渲染进行上述操作

在 app.component.html 我正在使用 [appCustomDisable]="myVar"

Stackblitz 链接 https://stackblitz.com/edit/angular-lxb661

Vue JS 2.6.10

我已经阅读了各种关于如何创建自定义指令的 SO 帖子，以便您可以检测到弹出菜单之外的点击，以便您可以关闭它。我不能让它工作，因为我有一个打开菜单的按钮，点击它会触发“关闭”行为。

这是我的主视图Logbook.vue，其中包含打开菜单的按钮：

这是单击按钮时打开的菜单组件Years.vue：

当我在组件外部单击时，该close方法会正确触发Years，但问题是我无法打开Years菜单开始，因为单击按钮也会触发该close行为，因为它也在Years 组件之外。

有没有人克服这个问题？有任何想法吗？

我有一个自定义指令，可以在新窗口中打开与表行相关的数据。当我单击作为复选框选择的表格行的第一列时，它正在打开一个新窗口，我应该如何避免在表格行的第一列上执行自定义指令操作。

所以我继续实施了一个自定义指令：

它监听onfocusout DOM Event并发出一个事件。

如果它包含在模块中，则可以这样使用：

但是我的问题是：在 Angular 7 中真的@Directive不存在这样的东西吗？

我在网上搜索过，只有 AngularJS 的解决方案。另外我一直在看官方文档。我之所以这么问，是因为使用这样一个高级框架感觉有点过度设计和不自然。

例如，您不必制作自定义指令来监听点击事件：

我写这个问题是为了确保我做对了，并且我没有重新发明轮子。我希望得到这样的答案：

• 是的，你做得对，没有这样的事情，因为：......
• 不，你失踪了……

编辑：

它实际上记录在这里。