如何在属性中显示带撇号的Angularjs变量?

时间:2015-07-08 15:08:58

标签: javascript angularjs string

我的指令中有这个变量:

$scope.title = "This doesn't display correctly"

我的模板:

<a title="{{title}}" href="http://google.com"> Link </a>

将其渲染为悬停标题:

This doesn&#8217;t display correctly

我也试过ng-attr-title,没有成功。 Ng-bind-html通常会解析它,但我没有找到属性的对应关系。

我需要一个解决方案才能在悬停

上正确显示字符串

3 个答案:

答案 0 :(得分:0)

您错过了结束&#39;&#39;&#39;在你的href。

df.query('foo == 222 | bar == 444')

应该是。

<a title="{{title}}" href="http://google.com> Link </a>

在这次改变之后,撇号为我工作。

答案 1 :(得分:0)

Je可能需要在字符串中使用&amp;#39作为简单引号 $ scope.title =&#34;这并没有&#39t正确显示&#34;

答案 2 :(得分:0)

标题属性与撇号完美匹配,请参阅此JSFiddle

<强> HTML

<div ng-app="test" ng-controller="testCtrl">
    <a title="{{title}}" href="http://google.com"> link </a>    
</div>

<强> JS

var app = angular.module("test", []);

app.controller('testCtrl', ['$scope', function ($scope) {
    $scope.title = "This doesn't display correctly";
}]);