问题标签 [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 回答
227 浏览

angularjs - 手动编译插值

我有一个自定义指令并使用 ng-repeat 呈现该指令。我需要的是在传递到我的自定义指令之前编译插值。

在下面找到 plnkr

https://plnkr.co/edit/bjdBSKCFPhgbE2aREupy?p=preview

在这里,我想<display-id mycompile id={{op.id}}> </display-id>使用 mycompile 指令在此代码中编译插值。

0 投票
1 回答
861 浏览

javascript - 使用范围 @ 时自定义指令中的“错误:[$parse:syntax] 语法错误:第 2 列的令牌'{'无效键”

我从某个具有以下隐含指令的库中获得了一个自定义指令:

因为它在 isDisabled 中使用了范围 @ 的某些属性,所以我提供的模板如下:

如此处所述将数据传递给AngularJS中的自定义指令

但它会引发如下错误:

正如此处维护的那样,很难调试错误-第 2 列的令牌“{”无效键

所以我很困惑如何将变量传递给我的自定义指令

0 投票
0 回答
117 浏览

javascript - js文件中带有函数的Vue自定义指令

我正在尝试在 Vue 中制作一个自定义指令,以便能够使用这些简单的工具提示。我在 main.js 文件所需的静态文件夹中的 js 文件中有工具提示 javascript。我已经把它变成了一个可以为每个工具提示运行的函数。问题是即使我需要上面的文件,该函数也是未定义的。如何在自定义指令中使用“makeTooltip”功能?

主.JS

脚本.JS

对于每个尝试呈现的工具提示,我得到 ReferenceError: makeTooltip is not defined

0 投票
1 回答
406 浏览

angular - 自定义指令不起作用

我正在尝试为编辑/私人信息创建指令。如果未提供某些信息,则应显示黑框(就好像内容在那里但用黑框使其不可见)

html

当我打开我的开发人员工具时,我可以看到正在添加的样式,但是我在浏览器中看不到一个蓝色框

0 投票
0 回答
28 浏览

angularjs - 在 AngularJS 中使用自定义指令加载部分页面

  • 我有包含链接的导航栏link 1link 2.
  • 在选择每个链接时,我想在内容部分注入部分页面。
  • 我想Custom-directive在 AngularJS 中实现这一点。

我搜索并得到了这段代码片段。
但同样,我不知道注入部分页面。

0 投票
1 回答
240 浏览

angularjs - 如何在另一个自定义指令中重复和呈现自定义指令数组?

我有三个自定义指令 child1、child2、child3,我想使用另一个自定义指令从 ng-repeat 中的控制器重复。

0 投票
0 回答
43 浏览

angularjs - 将Web服务数据传递给Angular js中的自定义指令

我已经为 Angular js 中的多选创建了一个自定义指令,并且我正在将数据传递给多选指令,如下所示:

我的js文件中的范围是

一切都按预期工作正常,但只有当我对数据进行硬编码并在我的指令中使用它时。但是,当我从 Web 服务获取数据并在指令中使用这些变量时,会出现空值而不是 Web 服务数据。

我认为指令是在我的 Web 服务调用返回数据之前加载的。

任何人都可以提出任何解决方案吗?

提前致谢。

0 投票
1 回答
41 浏览

javascript - 在创建指令 angularjs 之前如何检查 html 绑定

一个页面,我调用自定义选择框指令来显示月份,该指令需要一些参数:

但是当我直接到这个页面或刷新时,里面的参数{{'dcl-spa.components.claim-and-link.month.mm'|translate}}不能<option>绑定到 html,只是dcl-spa.components.claim-and-link.month.mm在页面上显示键。指令 custom-select-box 不能更改。那么我该怎么办呢?谢谢

0 投票
1 回答
533 浏览

angular - 带有自定义指令的输入文本的格式和输入数字

我正在尝试创建一个指令或管道,它允许我将格式化的输入文本显示为 12.345,67,并且当输入带小数点的数字并输入带逗号 (,) 的小数点逗号时,12345,67 也不是句点。

显然,将逗号作为小数会产生错误。

尝试指令 https://stackblitz.com/edit/angular-cf2hz8

尝试自定义管道 https://stackblitz.com/edit/angular-p3jc14

0 投票
2 回答
69 浏览

angular - 自定义指令 - Angular 2/4/5

目前使用 Angular 5 cli。我不知道为什么我的自定义指令不起作用。甚至没有在我的控制台中显示错误。我正在尝试某种风格来保持完整的图像宽度。

至今。

从其他资源复制

html

我在哪里做错了。如果可能,请提供活生生的例子或很好的资源来理解自定义指令

谢谢你