假设我们有Angular组件,其内容如下所示:

<component-A>
     <span class = "parent">
        <div class = "toBeSelected"> DemoContent</div>
     </span>
     <div class = "toBeSelected"> DemoContent2</div>
</component-A>

jQuery中,如果我需要通过选择器toBeSelected选择元素

$('.toBeSelected').click(function(){
    var clickedSpanTxt = $(this).html(); 
    console.log(clickedTxt);
});

是否存在任何有助于从组件中选择嵌套DOM元素的库。

由于@ContentChildren@ContentChildren仅通过选择器选择组件的直接子级 ,即我只能选择具有parent类的span或具有toBeSelected类的一个div。

有没有办法选择类toBeSelected两个div。

===============>>#1 票数:0

在两个元素上使用相同的回调函数,或使toBeSelected包含其中包含回调函数的另一个组件。

这个

===============>>#2 票数:0

您可以使用DOM API。 由于document可直接在角度组件(.ts文件)中找到。 所以你可以使用

let elSelected = document.querySelectorAll(".toBeSelected");

这将返回dom元素数组。

  ask by Shubhi Sood translate from so

未解决问题?本站智能推荐:

1回复

我们可以在Angular 7中使用jQuery LightSlider吗?

我之前已经使用angular js完成了LightSlider,但是我不确定是否可以在angular 7中使用它。我已经进行了数次研究,但似乎没有示例或任何Codepen都做了。 我已经尝试这样做,但是没有用。 所以我来这里问你们。 我可以使用角度为7的Light滑块吗?这是LightSl
1回复

在Angular中渲染结果后应用jquery

我试图根据字符串的字符数截断字符串,如果字符数大于21,则附加省略号。 我已经使用jquery在html的div上添加了一个截断类。 一切正常,但是当刷新页面时,一秒钟显示文本,然后在其上应用此截断类。 这是我的html代码: 这是我的jQuery代码: 如果text1和text2是te
1回复

如何从Angular 7中的表中的下拉列表中删除未选择的选项

我需要导出几个表格以达到卓越的效果,我有一个组件始终存在于所有其他组件中,并且具有导出功能,在每个组件中我都有一个ID为'table'的表,该表将被导出。 我现在遇到的问题是我在用ngFor创建的表和下拉列表中有输入,但是为输入输入的数据不被excel接受,对于下拉列表,该函数获取所有选项
1回复

无法通过jQuery选择器读取HTML中的表td

为了创建表,我使用ng-repeat渲染表行。 在下拉列表的onchange上,我正在调用一个函数,该函数将基于该条件运行一些条件,即将对象推送到绑定到范围变量的数组。 我的HTML 我的控制器代码: 第一次运行后在for循环内部,我将对象推入$ scope.instal
1回复

选择输入-角度2

我想知道的元素数(在这种情况下option )有我的select 那是选择,但是我想首先检查它是否有一个以上的元素,或少于(0或1)个门 我猜最简单的方法是使用Jquery或Javascript
1回复

在TypeScript中使用jQuery(在angular 2项目中)

嗨,我已经在我的.ts角度组件之一中编写了一些jQuery,但是我似乎无法使其正常工作。 我想使表格可滚动。 这是jQuery 我是这个新手,所以我真的不知道如何使它工作。 我写了 在index.html文件中。 我也尝试安装: 但我得到消息: 的pack
1回复

为什么在Angular 7项目中重新加载一次后jquery可以工作?

我有一个用angular 7 CLI创建的仪表板,它使用引导程序,但是主要功能像我知道的每个模板一样都写在jquery中。 问题是下一个: 对于切换边栏,HTML使用以下行<a href="javascript:void(0)" class="navbar--btn" data-
2回复

Angular和jQuery:事件未附加到动态创建的HTML元素

我正在使用jQuery在Angular Form中动态创建新元素。 该表单是使用“模板驱动表单”方法构建的。 动态元素已成功创建,但显然未为它们分配事件/回调,因为该组件已被编译且未针对动态元素重新编译。 尽管已将name属性和ngModel伪指令分配给新元素,但仍可防止它们报告或响应数据
1回复

内部html在DOM树中完全呈现后,将触发哪个事件?

我想知道当任何div的innerHtml属性更改并且该div的树的DOM完全加载到内存中时将触发什么事件。 我想在触发该事件后调用以下函数。 我想删除以下函数中的setTimeout() hack,因为它有时可能会失败。 我发现以下与上述问题相关的链接,但是我没有任何想法:
1回复

如何在Angular 2中使用DataTable

我想在我的Angular 2应用程序中使用DataTable。 但这不起作用。 Angular 2中没有可能在模板中添加脚本标记。 你知道我怎么能这样做吗? 我想我必须在systemJs中做一些改变。 list.html: 我的组件: 在我的index.html中,