Question

我有一个简单的任务：获取多行工具提示以在AngularJS中使用span。按照我在网上阅读的各种说明，我尝试了：

使用ng-attr-title，然后作为回车。
使用data-html和data-original-title，然后使用
作为回车符。
使用data-html和data-title，然后使用
作为回车符。

这些似乎都不起作用。我还能尝试使用AngularJS获得多行工具提示吗？

罗伯特

Answer 1

您需要使用$ sce.trustAsHtml使用多行将html绑定到ng-attr-title。见下文

var app = angular.module('tooltipApp',[]);

var ctrl = app.controller('tooltipAppCtrl',['$scope','$sce',function($scope, $sce){
   $scope.text = $sce.trustAsHtml('Line1 \n Line2');
}])

<body ng-app='tooltipApp'>
  <div ng-controller='tooltipAppCtrl'>
    <span ng-attr-title={{text}}>See tool tip</span>
  </div>
</body>

如何获得多行工具提示以与AngularJS一起使用？

1 个答案: