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

Question

我正在尝试集成一个新的 Angular 主题，所以在完成依赖项安装后

• 我遇到了这个问题

ERROR in src/app/dashboard/dashboard.component.html:171:110 - error NG8002: Can't bind to 'matTooltipPosition' since it isn't a known property of 'button'. 171
<button mat-raised-button type="button" matTooltip="Edit Task" [matTooltipPosition]="'above'" class="btn btn-primary btn-link btn-sm btn-just-icon">

                                     <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

Answer 1

您在代码中使用了 angular material 个组件。

所以你首先需要安装@angular/material库：

   npm i @angular/material

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

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

开始使用 angular/material：

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

Answer 2

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

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

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

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