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

jquery - 如何使用指令在angularjs内的列表中添加和删除项目时触发jquery动画?

可能重复:
删除元素时的 angularJS 通知

作为标题,基本上我想在列表添加新项目/删除旧项目时进行淡入/淡出。现在我必须通过指令执行添加动画,但通过控制器删除动画,我怎样才能整合在一起并只使用指令,因为它与核心逻辑并不真正相关?

0 投票
2 回答
5515 浏览

angularjs - AngularJS 插值属性 $observe

如何从 attrs.$observe 绑定作用域?

当我运行时,它会打印

为什么我在打印 func 和 parentFunc 时得到未定义?

0 投票
1 回答
2041 浏览

javascript - 在AngularJS中更改范围时如何重新应用指令

假设你有这样的事情:

并且您希望 mydirective 应用于 $scope.boundtoscope 的更改。你如何指导 Angular 重新应用指令?

0 投票
0 回答
1099 浏览

javascript - Angularjs 使用自定义指令 (mySlide) 为 ngClick + ngShow 设置动画

我试图获得与ng-click+相同的终极功能ng-show,除了我希望节目滑入而不是通过切换突然出现display: block/none;。我有我需要的 jQuery 动画,并且我已经设置了ng-click. 我有两个问题,但第二个可能是第一个的结果:

问题 1

ng-click不改变 的值aside_users。我看到了SO#12202067,这似乎是一个类似的情况,但我不明白他们的自定义指令如何/为什么工作而本机ng-click没有。

我看到了scope: { … }after restrict: 'A',,但这似乎使$scope新创建的 DOM 元素中的值可用(我的元素已经存在并且显示得很好,但没有发生触发器/事件)。

信息框.html

上面的代码是一个$compile'd 模板,在模板中的其他地方我打印出 $scope 参数的值aside_users(prints false)。

问题 2

my-slide似乎没有被启动/触发('elm: ', elmChrome 的控制台中没有出现的日志记录)。我验证了directives.js在我的index.html页面中链接。

编辑我记得要链接directives.jsindex.html但我忘了将它添加到资源数组中app.js

Plunkr

PS我不确定是否<aside attr={object}>严格有效,但合法的浏览器似乎在测试用例中接受它(没有费心检查IE)。我的替代计划是使用 2 个属性:<foo my-slide="direction" my-condition="boolean"></foo>

0 投票
2 回答
5350 浏览

angularjs - 如何在类属性中使用 AngularJS ng-controller 指令

我是 AngularJS 的新手,并试图让以下代码正常工作。

这实际上是 AngularJS 教程中的代码,稍作修改。我所做的改变是我将所有指令都作为类而不是属性。

问题是 AngularJS 可以成功引导,并且可以评估表达式 {{ 1 + 2 }}。但是 ng-controller 似乎无法被识别,并且以下 ng-repeat 也不起作用。

我检查了 AngularJS API 文档,它说 ng-controller 可以用作一个类。

任何有使用 AngularJS 指令作为类的经验的人都可以帮助我吗?

ng-controller 作为类(不工作):http: //jsfiddle.net/qZmky/

ng-controller 作为属性(工作):http: //jsfiddle.net/p45Uv/

0 投票
1 回答
1973 浏览

javascript - AngularJS - 如何绑定到指令内的 ngRepeat 元素

在我的指令中,我有一个带有 ng-repeat 的模板,

我想将转发器的每个元素与指令中的函数绑定,最好的方法是什么?

0 投票
2 回答
7579 浏览

angularjs - ngModel 不会在指令中将数据传递回父范围

相关帖子,但没有帮助: 从指令设置 ngModel 时的范围问题

编辑:我可以使用具有隔离范围的 ng-model 吗?也没有用。

我遇到了一些问题,但我猜是以更复杂的方式。我想编写一个不使用任何输入来保存数据的下拉菜单。我宁愿让 ngModel 来处理它。

http://jsfiddle.net/QeM6g/6/

上面的 jsFiddle 示例显示了一个演示,其中上述方法不起作用。

出于某种原因,ngModelController 的范围是我的范围的兄弟。所以它不会将更改传递回父级。至少所有其他同级范围的行为都符合您的预期。即 ng-change 结合使用。

0 投票
2 回答
1834 浏览

angularjs - 如何在不更改标记的情况下仅针对具有相同指令的某些元素?

我已经研究了几个小时了。

假设我有一个 $('#bottom .downloads .links a').click 的 jQuery 选择器......

如何在 Angular 指令中执行相同类型的操作?

这是我到目前为止所拥有的并且它有效,但适用于页面上的所有标签。

});

有没有办法将此指令仅定位到某个 div?我想我可以将限制更改为“C”或“A”并为链接添加一个属性,但我想知道我是否仍然可以像目前使用我的 jQuery 选择器一样布局前端。

0 投票
1 回答
1908 浏览

jsp - 什么时候应该禁用 JSP 缓冲?

Oracle 网站上的一些文档(http://docs.oracle.com/cd/A97688_16/generic.903/bp/j2ee.htm,3.1.12 Disable JSP Page Buffer If Not Used)说:

如果您没有使用任何需要缓冲的 JSP 功能,您可以禁用它以提高性能;创建缓冲区时不会使用内存,输出可以直接到浏览器。您可以使用以下指令禁用缓冲:

<%@ page buffer="none" %>

但是,我还没有找到任何类型的文档来说明究竟什么是“需要缓冲的 JSP 功能”。我通常了解在什么情况下减少或增加缓冲区可能会或可能不会有助于提高性能,但我不知道什么样的功能会“需要”缓冲。

在什么情况下应该关闭缓冲,和/或在什么情况下不应该关闭缓冲?

0 投票
2 回答
889 浏览

javascript - AngularJS:在回调函数中设置 $scope 属性

我正在尝试使用 AngularUI 指令日历并在我自己的指令中的回调函数中设置它的源(所以基本上我将指令包装到指令中)。

所以在 html 中使用我的指令是:

我有这个模板形成我的包装指令(calendar.html):

并声明了这个指令:

所以问题是我试图在回调函数中设置 scope.events 但它在浏览器中没有显示任何内容(但回调函数中的代码被执行)。如果我在回调之外尝试它,它会工作,但我必须先从服务器加载数据......如何让它工作?我认为这个技巧mainScope会起作用,甚至可以直接起作用,scope.events但不会。谢谢

AngularUI 的完整日历看起来有些问题。我尝试将指令模板更改为简单的输入框,并在回调函数中更改了与 ng-model 绑定的值,它工作正常