Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angularjs中以悬停方式显示文本?_Javascript_Jquery_Css_Angularjs - Fatal编程技术网

Javascript 如何在angularjs中以悬停方式显示文本?

Javascript 如何在angularjs中以悬停方式显示文本?,javascript,jquery,css,angularjs,Javascript,Jquery,Css,Angularjs,我对AngularJS很陌生。当鼠标悬停在值上时,我想显示{{Project.inrtcvalue}}。我怎样才能在AngularJS中做到这一点 <table ng-table="tableParams" show-filter="true" class="table" > <tr ng-class="{'danger': project.rag <= 35, 'warning': project.rag > 35 && project.

我对AngularJS很陌生。当鼠标悬停在值上时,我想显示
{{Project.inrtcvalue}}
。我怎样才能在AngularJS中做到这一点

<table ng-table="tableParams" show-filter="true" class="table" >
    <tr  ng-class="{'danger': project.rag <= 35, 'warning': project.rag > 35 && project.rag < 70  , 'success': project.rag > 70}" ng-repeat="project in $data">
        <td data-title="'PRN'" sortable="'prn'" filter="{'prn': 'text'}">
            {{project.prn}}
        </td>
    </tr>
</table>

{{project.prn}

因此,当用户将鼠标悬停在这些
上时,我希望显示来自控制器的值。我该怎么做?最好的方法是什么?

您应该能够在HTML标题标记中使用
{{variable}
符号

比如:

<td title="{{project.inrtcvalue}}">


查看此示例(谢谢)

您可以使用
ng mouseover
ng show
指令来完成此操作。以下是示例。希望它能帮助你入门。

你想在哪里展示它吗?就像你将鼠标悬停在一个盒子上一样()我想要一个小气泡,当用户将鼠标悬停在Dylan Watson上时显示一个值。Watson给了你最简单、最有效的答案如何做到这一点。这有一个问题,它没有打印值,它只是按原样打印表达式:{{project.inrtcvalue}}如果我按照这个例子,我将如何显示悬停时显示文本的气泡?当您将鼠标移到元素(在本例中是td元素)上时,html“title”属性将显示文本。这是打印{project.inrtcvalue},而不是实际的值。。您的ng repeat是否正确显示了表中的值?下面是它工作的演示(第一列):@maaartinus脚本路径已断开。