Как заставить многострочные всплывающие подсказки работать с AngularJS? - PullRequest
Новая
       2

Как заставить многострочные всплывающие подсказки работать с AngularJS?

0 голосов
/ 04 февраля 2019

У меня есть простая задача: заставить многострочную подсказку работать на span в AngularJS.Следуя различным инструкциям, которые я прочитал в Интернете, я попробовал:

  1. Использование ng-attr-title и затем как возврат каретки.
  2. Использование data-html и data-original-титл а потомв качестве возврата каретки.
  3. Использование data-html и data-title, а затемкак возврат каретки.

Ни один из них, кажется, не работает.Что еще я могу попробовать получить многострочные подсказки с AngularJS?

Robert

1 Ответ

0 голосов
/ 04 февраля 2019

Вам необходимо использовать $ 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...