Angular 属性指令获取对其他同级属性引用的引用

Question

我正在尝试定义一个名为 pagingContext 的属性指令，它应该补充角材料排序指令 matSort 的功能。

我的想法是定义一个元素，如下所示：

<table matSort [pagingContext]="pagingContext">

还有一个类似这样的指令：

@Directive({
  selector: '[matSort] [pagingContext]'
})
export class MatSortPagingContextDirective {    
  constructor(private sort: MatSort) { }
}

我遇到的问题是上面的例子返回一个错误说

未找到 MatSort 的提供者

我在这里做错了什么？有没有办法实现对兄弟 MatSort 指令的这种引用？

感谢和问候

Answer 1

声明MatSortPagingContextDirective的模块需要导入MatSortModule：

import {MatSortModule} from '@angular/material/sort';

此外，您的选择器在我认为您可能想要删除的属性之间有一个空格。