动态添加onscroll函数

时间:2018-02-02 21:22:15

标签: html angularjs

我有一组标签表。在运行时添加选项卡,每个选项卡有4个表,其中包含与选项卡关联的数据。

我还要求每个表都滚动数据,但标题仍然可见并与滚动保持一致。

我已经看过这样的例子并且很好地实现了它,对于第一个标签很好。

由于id必须是唯一的,我使用Angular Js ng-attr-id生成唯一ID。

我现在的问题是如何在创建onscroll函数时引用唯一ID。

使用单个标签,我可以使用此代码:

<table id="Orders" onscroll="$('#Orders > *').width($('#Orders').width() + $('#Orders').scrollLeft());">

这非常棒,现在使用Angular的ng-attr-d,我不知道如何设置该功能,因为它需要使用动态id动态创建:

<table ng-attr-id="Orders{{GroupDetails.length}}" onscroll="$('#Orders{{GroupDetails.length}} > *').width($('#Orders{{GroupDetails.length}}').width() + $('#Orders{{GroupDetails.length}}').scrollLeft());">

以上情况不起作用。检查显示{{}}部分呈现为字符串。

是否有一种Angular JS方式来“注入”事件函数?

1 个答案:

答案 0 :(得分:1)

语法问题,您可以将变量添加到字符串并将其分配给ng-attr-id。 试试这个:

<div ng-attr-id="{{ 'orders-' + GroupDetails.length }}"></div>
相关问题