Jquery 使用angular js在li标记中添加标题

Jquery 使用angular js在li标记中添加标题,jquery,html,css,angularjs,Jquery,Html,Css,Angularjs,我使用的是第三方控件,该控件生成的包含标记 现在,我试图赋予title属性,以便在使用hover on标记时,用户可以看到工具提示 下面是代码片段 <div id="drpDashboard_popup" class="e-ddl-popup" > <ul class="e-ul" role="listbox"> <li id="00000000-0000-0000-0000-000000000000" role="option" class

我使用的是第三方控件,该控件生成的
包含
  • 标记

    现在,我试图赋予title属性,以便在使用hover on
  • 标记时,用户可以看到工具提示

    下面是代码片段

    <div id="drpDashboard_popup" class="e-ddl-popup" >
        <ul class="e-ul" role="listbox">
            <li id="00000000-0000-0000-0000-000000000000" role="option" class="e-hover">New Dashboard</li>
            <li id="4ca2885b-1896-c0cf-24d3-08d24a2f5c7e" role="option" class="e-active">Another Dahsboard</li>
            <li id="4f99c665-b339-c99e-2038-08d26599a807" role="option" class="">DashboardSave</li>
            <li id="521ed554-5d6f-c3b9-9e83-08d24a2f456b" role="option" class="">First Dashboard</li>
            <li id="7d99d618-458f-cee5-07d9-08d25c41c8a1" role="option" class="">FiveCharts</li>
            <li id="43ee8bd7-c1b1-c179-4e2d-08d25c40855a" role="option" class="">ThreeChartsDB</li>
            <li id="a18c47fb-e097-cd77-66f3-08d24a2f867e" role="option" >Windows - Peak page File DB</li>
        </ul>
    </div>
    

    但我想用角js做。angular中有
    ng mouseover
    ,但我不知道如何在代码中使用它,因为列表是由第三方自定义控件动态生成的。

    您可以编写一个指令,使用jquery动态事件绑定执行添加标题(请参阅)。因此,您必须将组件放在不动态创建的元素中(例如简单div),然后对其应用指令:

    <div component-container>
        <!-- put your component here -->
    </div>
    

    您可以编写一个指令,使用jquery动态事件绑定执行添加标题(请参阅)。因此,您必须将组件放在不动态创建的元素中(例如简单div),然后对其应用指令:

    <div component-container>
        <!-- put your component here -->
    </div>
    


    仅供参考,
    mouseover
    事件是多余的,因此您可以在jQuery中用一行代码执行所需操作:
    $('.e-ddl-popup li').prop('title',function(){return$(this.text();})由于客户端的要求,我更喜欢angular js来完成此任务。仅供参考,
    mouseover
    事件是多余的,因此您可以在jQuery中以一行代码完成所需的操作:
    $('.e-ddl-popup li').prop('title',function(){return$(this.text();})由于客户端的要求,我更喜欢angular js来完成此任务。仅供参考,
    mouseover
    事件是多余的,因此您可以在jQuery中以一行代码完成所需的操作:
    $('.e-ddl-popup li').prop('title',function(){return$(this.text();})由于客户端的要求,我更喜欢angular js来完成这项任务。我在JQuery中遇到了错误。错误显示“应为“{”。iAttrs的用途是什么?很抱歉,这是一个输入错误。iAttrs是指令应用于的元素中的属性集合。有关更多详细信息,请参阅。带有e-ddl-popup类的div是由自定义控件动态生成的,因此我如何向该div发出指令?您不需要向div发出指令,因为它具有类限制,因此必须应用于每个元素都有类
    e-ddl-popup
    。但我怀疑它是动态创建的。是什么组件创建了这个div?它是一个角度指令吗?我在JQuery中遇到错误。错误显示“预期的”{”。iAttrs的用途是什么?很抱歉,这是一个输入错误。iAttrs是指令应用于的元素中的属性集合。有关更多详细信息,请参阅。带有e-ddl-popup类的div是由自定义控件动态生成的,因此我如何向该div发出指令?您不需要向div发出指令,因为它具有类限制,因此必须应用于每个元素都有类
    e-ddl-popup
    。但我怀疑它是动态创建的。是什么组件创建了这个div?它是一个角度指令吗?我在JQuery中遇到错误。错误显示“预期的”{”。iAttrs的用途是什么?很抱歉,这是一个输入错误。iAttrs是指令应用于的元素中的属性集合。有关更多详细信息,请参阅。带有e-ddl-popup类的div是由自定义控件动态生成的,因此我如何向该div发出指令?您不需要向div发出指令,因为它具有类限制,因此必须应用于每个元素都有类
    e-ddl-popup
    。但我怀疑它是在动态创建的东西上工作的。哪个组件创建了这个div?它是一个角度指令吗?
    app.directive("componentContainer", [function () {
            return {
                restrict: "C",
                link: function (scope, iElement, iAttrs) {
                    $(iElement).on('mouseover', 'li', function () {
                        $(this).attr('title', $(this).html());
                    });
                }
            };
        }]);