Как добавить подсказку в angular6 - PullRequest
Новая
       7

Как добавить подсказку в angular6

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

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
   
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
<ng-template #imageTemplate let-dataItem="dataItem">
        <!-- <input style="width:10%;" type="checkbox" [checked]="dataItem.role_perm"/> -->
        <div *ngIf="dataItem.role_permission == true">
        <div (mouseenter)="displayMessage(dataItem.role_id)" (mouseleave)="closepopover()" >
        <img src="/src/Pass.png" style="widows: 40px;;height:40px;" title="hi">
        <div class="tooltip">
          <span class="tooltiptext">
              blue
          </span>
        </div>
      </div></div>

Я не могу добавить всплывающую подсказку для ячейки в таблице (я использую KendoGrid).Я передаю ngtemplate в ячейку сетки, которая содержит всплывающую подсказку, и она не работает.Есть ли способ добавить подсказку в angular 6?Пожалуйста, помогите

...