从函数中获取 MatToolTip 值不断被调用

Question

我正在使用以下函数从我的 angular 项目中的函数获取工具提示列表：

[matTooltip]="getToolTip('Column name')"

为了这个问题的目的，假设函数看起来像这样：

getToolTip(tooltipName)
{
  var date1 = new Date();
  console.log("getToolTip", tooltipName,date1 )
  return tooltipName;
}

-- 注意：我真正的 getToolTip 函数是从数组中提取数据

这工作正常，但如果我打开控制台，我可以看到这个方法一直在被调用。我还以为这只是运行一次？

Stackblitz

Answer 1

ChangeDetectionStrategy.OnPush 禁用组件中的默认 angular 更改检测。但是你应该手动控制检测变化。

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  changeDetection: ChangeDetectionStrategy.OnPush
})

Angular 文档

Answer 2

这似乎是一个 matTooltip 错误。

使用标题进行测试

参见：https://github.com/angular/components/issues/10306

从函数中获取 MatToolTip 值不断被调用

Getting a MatToolTip value from a function is getting continually called

tooltip

material-design

angular