如何添加跨度的title属性值

时间:2016-02-29 05:21:51

标签: javascript jquery html asp.net angularjs

我使用角度js来获取数据并显示在一个范围内。 现在我想将此值用作另一个范围的标题值。 现在我正在使用以下代码:

<span style="display: inline-block; width: 160px">{{activity.ActivityName}}</span>
<span class="ui-icon ui-icon-plusthick" style="display: inline-block; cursor: pointer;" ng-click="showActivityInfo(this, activity, goal)" title='<%{{activity.ActivityName}} %>'></span>

第一行是正确的。但是当我想将标题添加到第二个跨度时,它会抛出异常。 请帮助。

4 个答案:

答案 0 :(得分:3)

替换

    title='<%{{activity.ActivityName}} %>'

使用

    title='{{activity.ActivityName}}'

你很高兴。

答案 1 :(得分:2)

由于@Rohit回答了使用表达式以及更多要添加的内容,请使用ng-attr-title<span ng-attr-title='{{activity.ActivityName}}'>指令

答案 2 :(得分:1)

<span style="display: inline-block; width: 160px">{{activity.ActivityName}}   </span>
<span class="ui-icon ui-icon-plusthick" style="display: inline-block; cursor: pointer;" ng-click="showActivityInfo(this, activity, goal)" title="{{activity.ActivityName}}"></span>

试试这个

答案 3 :(得分:0)

以下代码可以帮助您:

在HTML中:

<div ng-app="myApp" ng-controller="add_tooltip">
    <span ng-attr-title="{{title}}">Hello</span>
</div>

在JS中:

var app = angular.module('myApp', []);
function add_tooltip($scope){
    $scope.title = "I am a tooltip!";    
}