问题标签 [angular-directive-link]

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 投票
2 回答
712 浏览

javascript - 指令中的增量值

我有一个在 ng-repeat 中的指令。例如:

我的指令:

ng-repeat "slider.nativeAdHome" 中有条件,只要它为真,它就会调用指令。我希望每次调用指令时计数都应该增加。如果它在 ng-repeat 中第一次调用计数值应该是 0,如果它调用第二次计数值应该是 1 等等。请解释我们如何实现这一点。

0 投票
1 回答
65 浏览

angularjs - 将 AngularJS1 指令声明为将大写文本转换为现有元素

我需要创建一个指令,将 elem 的所有内容字母大写

加上全大写

我的任务是了解 Angular 如何提供通过“指令”将文本操作到现有 html 的能力

请发布工作代码...

0 投票
1 回答
71 浏览

javascript - 如何编译动态加载 onclick 事件的指令?

在我的app.js我有

附加到正文,exm-dir但不显示其内容。我该如何编译?请帮我。

0 投票
2 回答
664 浏览

javascript - AngularJs 指令 - 绑定子元素

指示

模板

<img width="{{ width }}" src="{{ src }}" alt="" class="mc-avatar-round">

用法

<mc-avatar width="50" src="http://lorempixel.com/320/320/cats"></mc-avatar>

element指令中的内部链接函数返回:

仅给出上下文mg-avatar。如何访问img此处的元素以便我可以使用bind函数?

0 投票
1 回答
57 浏览

javascript - 使用指令复制 ng-if

所以我有这个指令,它允许以声明方式隐藏或显示元素:

所以我们的 HTML 变得尽可能的具有声明性。这就是我们的指令的样子:

所以这就像ng-show.

我的问题是——替身ng-if会是什么样子?

使用 Angular 指令从 DOM 中完全删除元素的最佳方法是什么?

0 投票
1 回答
47 浏览

angularjs - 在模态中展开页面元素

我在页面中有一个小部件,它显示一些数据的谷歌图表,带有几个过滤器来过滤图表数据,并带有一个打印图标来打印它。

我想添加一个按钮来打开同一个小部件,其中图表、过滤器和打印功能在具有更大屏幕视图的模式中工作。因为页面中的小部件很小。

我尝试添加一个按钮,并在链接功能中为该按钮添加了一个功能以element.html()在模式中打开,html 工作但问题是过滤器和打印不起作用。

有什么问题element.html()?我已经厌倦了使用 $compile 但它让我陷入了许多错误。我可以用什么?

请注意 $rootScope.openModal 只是一个使用 $modal 服务的包装服务,带有标题和正文

0 投票
1 回答
182 浏览

javascript - 将缩放功能复制/粘贴到指令时出错

我试图将 GoJS 空间缩放简单 javascript 转换为角度指令。

这是我的Plunker

当我尝试将缩放功能复制/粘贴到指令中时,它会抛出一个错误,上面写着:

“错误:Diagram.commandHandler 值不是 CommandHandler 的实例:[object Object]”(请检查 Plunkr 控制台中的错误)

第 61 行错误

我的代码在这里:

应用程序.js

索引.html

0 投票
1 回答
1089 浏览

javascript - 将对象传递给 Angular 指令的 '&' 父作用域函数

如何将对象传递给 Angular (Angular 1.4.8) 的&& 范围绑定指令?

我从文档中了解到,在回调函数中有一个需要命名参数的键解构,并且父作用域使用这些名称作为参数。这个 SO answer提供了一个有用的示例,说明了预期的&功能。当显式命名父控制器函数调用的参数时,我可以让它工作。

但是,我正在使用&通过工厂执行操作。父控制器对参数一无所知,只是将回调参数传递给 dataFactory,它需要基于操作的不同键/值。

一旦 promise 在工厂中解析,父作用域就会使用返回的数据进行更新。

因此,我需要一个具有n多个键/值对的对象,而不是命名参数,因为它会根据每个配置的操作而有所不同。这可能吗?

我见过的最接近的是将 $parse 注入到链接函数中,这不能回答我的问题,但这是我正在寻找的一种解决方法。这个悬而未决的问题听起来完全符合我的需要。

另外,我试图避免编码/解码 JSON,broadcast如果可能的话,我也想避免。为简洁起见,代码被精简。谢谢...

Relevant Child Directive Code

Child handler on the DOM

Relevant Child Controller

Relevent Parent Controller

0 投票
3 回答
1514 浏览

angular - 如何使用Angular 5在href中自动添加http前缀

如果 res.MyWebsiteURL 不包含前缀 http,角度 5 中是否有自动添加前缀的方法。

我想有一个通用的方法来做,因为我会在项目的很多地方使用。

有没有办法通过指令来做到这一点?

非常感谢

0 投票
1 回答
5488 浏览

angular - 如何在 Angular 2+ 中延迟输入验证

在 AngularJS 中,您可以使用指令设置输入以延迟验证

它的作用是:当输入改变时,在输入从有效/无效验证之前给出 500 毫秒的延迟。

在 Angular2+ 中,这似乎更加困难。我想我可以用 observables 监听变化并以这种方式更新验证,但我如何告诉初始输入不验证?