Итак, я пытаюсь реализовать пользовательский компонент для всплывающей подсказки при условии. Я использовал ITooltipAngularComp для того же. Моя проблема в том, что я не могу найти значение params в пользовательском компоненте, как показано в компоненте custom-tooltiprat.
import {Component, ViewEncapsulation} from '@angular/core';
import { ITooltipAngularComp } from 'ag-grid-angular';
@Component({
selector: 'jhi-tooltiprat-component',
template: `
<div class="custom-tooltip" style="background: #FFF; padding:5px; border: 1px solid cornflowerblue; border-radius: 5px;">
<p><span>{{data.status}}</span></p>
</div>`,
styles: [
`
:host {
position: absolute;
width: 300px;
padding:0px;
pointer-events: none;
transition: opacity 1s;
}
:host.ag-tooltip-hiding {
opacity: 0;
}
.custom-tooltip p {
margin: 2px;
word-break: break-word;
font-family: 'Roboto-regular', sans-serif;
}
.custom-tooltip p span{
font-weight: bold;
}
`
]
})
export class CustomTooltipRatComponent implements ITooltipAngularComp {
private params: any;
data: any;
agInit(params: any): void {
console.log(params); //I want to know the params value here.
this.params = params;
}
}
Я импортировал пользовательский компонент в файл ts, где у меня есть свойства ag-grid , Файл ts, в котором я адресовал компонент всплывающей подсказки, содержит следующее:
defaultColDef = {
tooltipComponent: 'customTooltip',
};
frameworkComponents = {
customTooltip: CustomTooltipRatComponent
};
Пожалуйста, дайте мне знать, что мне не хватает. Есть поисковый фильтр, по нажатию которого я загружаю эту ag-сетку с json, которую я получаю. У этого json есть ключ под названием rating, который, если true, должен отображать подсказку в сетке. Это базовый c поток. Для этого я хочу получить ключ из сотни данных, на основе которых я могу манипулировать подсказкой.