问题标签 [jqlite]

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 投票
3 回答
149599 浏览

angularjs - How to select an element by classname using jqLite?

I'm trying to remove jquery from my Angular.js app in order to make it lighter, and put Angular's jqLite instead. But the app makes heavy use of find('#id') and find ('.classname'), which are not supported by jqLite, only 'tag names' (as per documentation)

wondered what do u feel would be the best approach to change it. One approach I thought about is to create custom HTML tags. for example: change
<span class="btn btn-large" id="add-to-bag">Add to bag</span>

to

and

to

Any thoughts? other ideas?

thanks

Lior

0 投票
3 回答
58956 浏览

javascript - AngularJS - 图像“加载”事件

我一直在寻找一个简单但并非微不足道的问题的答案:onload仅使用 jqLit​​e 在 Angular 中捕获图像事件的正确方法是什么?我发现了这个问题,但我想要一些带有指令的解决方案。
正如我所说,这对我来说是不被接受的:

因为它在控制器中,而不是在指令中。

0 投票
3 回答
5048 浏览

jquery - 你如何改变元素的 ng-model 属性(并让它工作)?

我有一个ng-model属性设置为“search.name”的输入

HTML

如何在单击另一个元素(如链接或按钮)时更改此属性,并使我的过滤器与更新后的属性一起使用?现在,即使我更新了属性,过滤器的行为就好像它没有更新一样。

这就是我更新属性的方式:

脚本

有没有更好的方法可以通过指令来做到这一点?

0 投票
1 回答
823 浏览

unit-testing - 模拟没有 jquery 的转义键按下

我想(单元)测试我的 AngularJS 应用程序而不使用 jQuery,因为 jQuery 将取代 jqLit​​e,而在真正的应用程序中 jQuery 也将不可用。jQuery 和 jqLit​​e 之间存在真正的区别,因此在单元测试中让 jQuery 可用于 AngularJS 是有风险的。

我的大多数测试现在在没有 jQuery 的情况下都可以正常工作,但是我需要为转义键触发 keydown,我只能找出如何使用 jQuery。我将如何以跨浏览器的方式在 Javascript 中做到这一点?

该指令侦听转义键,如下所示:

我已经尝试过了,但它似乎不起作用:

0 投票
1 回答
1071 浏览

unit-testing - 不使用 jQuery 模糊字段

我想(单元)测试我的 AngularJS 应用程序而不使用 jQuery,因为 jQuery 将取代 jqLit​​e,而在真正的应用程序中 jQuery 也将不可用。jQuery 和 jqLit​​e 之间存在真正的区别,因此在单元测试中让 jQuery 可用于 AngularJS 是有风险的。

现在我的大多数测试在没有 jQuery 的情况下都可以正常工作,但是我需要模糊一个字段,我只能找出如何使用 jQuery 来做这件事。我将如何以跨浏览器的方式在 Javascript 中做到这一点?

更新:收到答案后,我使用 triggerHandler() 解决了它,但不是在指令本身中,而是在单元测试中,如下所示:

0 投票
1 回答
952 浏览

jquery - 使用 jqLit​​e 增加元素宽度

在我的 angularjs 指令中,如果垂直滚动条可见,我想增加 DIV 宽度。我用jQuery做了以下事情:

它似乎有效(不确定跨浏览器问题)。请注意,width() 方法是 jQuery 方法,但 jqLit​​e。如何仅使用 jqLit​​e 获得相同的结果?

0 投票
2 回答
6655 浏览

angularjs - 迭代一个 jqlite 数组

是否有比以下更清洁的方法来迭代一组 jqlite 元素?

我的意思是,这并没有什么问题,我只是对没有each() 或forEach() 感到惊讶。我在互联网上找不到任何相关信息。

0 投票
2 回答
2633 浏览

angularjs - Angular jqLit​​e:.find() 不起作用 - 不选择标签

我在茉莉花中有这个单位规格:

});

it ('should create clickable titles', ...我尝试使用的测试中.find(),但选择出来的是空的:LOG: Object{}。这是elm测试中包含的内容:

0 投票
2 回答
8221 浏览

angularjs - angularJS element.on 回调和 scope.$apply

In this example, I have an input with an attached directive. The directive is meant to display messages next to the input. There's another input and a button to add messages. Once some messages are displayed, focusing on the input with the attached directive should clear the messages. http://jsfiddle.net/viro/WBqxf/

So I have a directive with an isolated model, and I'm trying to update the model when the element which has the directive goes into focus. It seems like I have to wrap event callbacks in scope.$apply if I want to update the model:

I suppose I have to wrap it in $apply because I'm using jqlite event callbacks and I guess they run "outside" angularJS, but I didn't find it clearly stated in the docs.

Am I doing it right or is it a hack ?

Is there a better way to do it ?

0 投票
1 回答
4556 浏览

angularjs - Angularjs 指令 - 通过类名选择下一个元素

我有以下 HTML:

以及以下指令:

我想使用 jqLit​​e 选择 ul.bonus 但找不到方法。我尝试使用 .next(".bonus") 但选择器被完全忽略并选择了第一个 ul 。有谁知道为什么我不能这样做?

PS我只是依靠AngularJS内部没有jQuery的jqLit​​e。

谢谢!