问题标签 [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 投票
1 回答
206 浏览

javascript - 使角度指令链接功能作为预链接?

我有一个指令链接功能。默认情况下,角度链接函数是一个帖子链接函数,不是吗?如何将其作为预链接?

顺便说一句,它使用要求。

0 投票
0 回答
985 浏览

angularjs - 指令 link() querySelector

这将是我的指令

我尝试在我的指令启动时在链接函数中添加点击事件,但是当我尝试获取元素时它给了我空元素。

console.log(elem),它给了我指令元素 DOM,所以我想做的是在那个 DOM 中找到所有具有通道类的元素。我用 querySelector 执行,它给了我空数组。

但是,当所有指令在浏览器中收费时,我在指令控制台调用中单击是带有内容的。

我的问题是,它可能是一些初始化问题,或者是在链接功能之后对 querySelector 收费。

谢谢

0 投票
0 回答
770 浏览

angularjs - Angular Directive 在模板中显示和隐藏 div

我创建了一个用于属性的指令,特别是按钮或锚点。

单击按钮时,我在按钮后附加了一个模板(包含一个 div)。如果再次单击按钮(或按钮/菜单之外,即正文),我想隐藏模板中包含的 div。

到目前为止,我有以下内容,但我无法让 isVisible 更新和隐藏 div(菜单)

主要指令代码:

模板标记:

使用指令的按钮标记:

0 投票
2 回答
177 浏览

angularjs - angularjs - 调用链接函数时范围属性尚不可用

我正在写一个指令。

这是我正在使用的代码:

该指令的调用如下:

我需要调用一个函数来weatherLabel在指令模板中创建和使用它,但我不能,因为 scope.weatherType 是未定义的。

如何在调用链接函数之前等待定义范围?

或者,是否有更好、更有效(性能方面)的方法来做到这一点?非常感谢您的帮助

0 投票
1 回答
781 浏览

angularjs - 如何通过动态选择器查询 Angularjs 指令嵌套的 DOM 元素?

0 投票
1 回答
1019 浏览

angularjs - 使用指令验证表单输入字段

我想使用指令将“ng-pattern”应用于表单输入字段。假设我想检查提供的值是否为整数。

表单标记

指令代码是这样的

在标记中,我可以看到它已正确应用,但仍然无法正常工作。该模式是正确的,因为当我在标记中明确使用它而不使用指令时,它可以很好地工作。

我有两个问题。

  1. 为什么这不起作用?

  2. 由于我必须编写很多此类特定于域的指令,因此我的方法解决此问题模式是否正确。

0 投票
2 回答
424 浏览

javascript - 在 ng-repeat 被 replcaed 之前调用自定义指令的链接函数

我有以下指令:

我的问题是,当我的链接函数被调用时 - ng repeat 尚未“编译”(这里应该使用什么词而不是编译?)

所以我试图设置未定义的 css .. 如何在 ng-repeat 完成后强制链接函数运行?!

现在我通过替换来解决这个$(element.find("img")[0]).css({display: "block"});问题$timeout(function(){ $(element.find("img")[0]).css({display: "block"});}, 200);

但这感觉'hacky'

为了以更简单的方式实现目标,我还缺少什么吗?一般来说,在自定义指令的链接函数中操作 ng-repeat dom 元素的最佳方法是什么?

谢谢,吉米。

0 投票
0 回答
136 浏览

angularjs - 如何避免使用角度指令链接功能,使用角度 1.5 组件

我正在尝试从 Angular 1.4 迁移到 Angular 1.5 组件,然后迁移到打字稿:

我想使用 Angular 1.5 组件,就像她是我的代码一样,它是不完整的,但是这个想法,背后

而不是 Angular-directive-link:

但是我没有找到足够的例子提前感谢您的建议。

0 投票
1 回答
390 浏览

javascript - 如何从控制器中的 ng-change 方法将值分配给隔离范围?

一旦用户从下拉列表中选择值,我就会调用 ng-change 函数onSizeChange并设置值$scope.maxMb $scope.maxBytes $scope.FileSizeString,所以我的问题是,一旦从下拉列表中选择值,我如何在指令中使用这些值。我试图将这些值绑定到孤立的范围,但没有运气。基本上,我需要fileSizefileValue尺寸选择之后将其作为属性添加到 html 中的指令中,因此这些值应该绑定到隔离范围,但这种情况正在发生。我该如何解决这个问题?

指令.js

ctrl.js

main.html

模板.html

0 投票
2 回答
264 浏览

javascript - $compile 不更新动态生成的 html 运行时

这是jsfiddle: https ://jsfiddle.net/vikramkute/eq3zpmp9/5/

我是角度的新手。我有一个需要在 html 中附加运行时的对象。我正在使用角度 1.2.25

预期输出为

但我将最后一个值重复了三遍。根据我的反复试验,我觉得 $compile 有问题。我尝试了不同论坛上提供的不同解决方案,但没有任何效果。非常感谢任何帮助。谢谢。

在指令中(在链接功能内)

输出:

这是完整的指令:

以上代码为简化版。这是实际代码: