无法绑定到“ matTooltipPosition”，因为它不是“ button”的已知属性

问题描述

我正在尝试集成新的Angular主题，因此在完成依赖项的安装后

我遇到了这个问题

src / app / dashboard / dashboard.component.html：171：110中的
ERROR-错误 NG8002：无法绑定到'matTooltipPosition'，因为它未知 “按钮”的属性。 171

                                     <td class="td-actions text-right">
                                          <button mat-raised-button type="button" matTooltip="Edit Task" [matTooltipPosition]="'above'" class="btn btn-primary btn-link btn-sm btn-just-icon">
                                              <i class="material-icons">edit</i>
                                          </button>
                                          <button mat-raised-button type="button" matTooltip="Remove" [matTooltipPosition]="'above'" class="btn btn-danger btn-link btn-sm btn-just-icon">
                                              <i class="material-icons">close</i>
                                          </button>
                                      </td>

您可以在此link

中找到部门

解决方法

您正在代码afaik中使用角形材料组件。

因此，您首先需要安装@ angular / material库：

   npm i @angular/material

安装后，只需将所需的组件模块导入ngModule：

    import {MatTooltipModule} from '@angular/material/tooltip';
    
   @ngModule({
        imports: [...,MatTooltipModule]
     })

开始使用角钢/材料：

https://material.angular.io/guide/getting-started

以上答案完全没问题，但要添加更多信息，

如果您使用模块化方法，那么您可能也需要将其导入到当前模块中。

就像我上图中的情况一样。我需要将它导入我的“setting-manager.module.ts”

import {MatTooltipModule} from '@angular/material/tooltip';
@ngModule({
    imports: [MatTooltipModule]
})

angular angular-ui-router