Как показать всплывающую подсказку на основе условия в угловых 4?

Question

Например, если вы хотите отобразить всплывающую подсказку, только если кнопка отключена или поле ввода отключено или любой элемент HTML.

Answer 1

Используйте [attr.title], чтобы показать подсказку в зависимости от условия.

<span class="tool-tip" data-toggle="tooltip" data-placement="top" 
[attr.title]="Status == false? 'Fill the form to enable Download option' : 
null">
<button class="btn btn-primary" [disabled]="Status == false">Download</button>
</span>

добавьте приведенный ниже код jquery в ngOninit (), который помогает показать подсказку.

$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();   
});