NgRx/Data getWithQuery查询Approved Tags时过滤条件未生效

调用NgRx Data提供的getWithQuery方法按tagStatus = Approved条件过滤查询标签列表时，后端未执行过滤逻辑，直接返回了全量条目。
先后尝试三种传参方式均未解决问题：

// 写法1：对象形式传参
getAllApprovedTags(): Observable<Array<Tag>> {
    return this.tagsService.getWithQuery({tagStatus:'Approved'});
}

// 写法2：字符串传参，值带单引号
getAllApprovedTags(): Observable<Array<Tag>> {
        return this.tagsService.getWithQuery("tagStatus='Approved'");
}

// 写法3：字符串传参，值不带单引号
getAllApprovedTags(): Observable<Array<Tag>> {
        return this.tagsService.getWithQuery("tagStatus=Approved");
}

Angular CLI: 11.0.1
Node: 10.19.0
OS: linux x64
NgRx/Data: 10.1.2

后端技术栈为LoopBack 4 + MongoDB。

Tag 实体模型 #

export class Tag {
  constructor(
    public id: string,
    public tagName: string,
    public tagDescription: string,
    public tagStatus: string,
    public createdDate: Date,
  ){ }
}

NgRx 实体配置 #

const entityMetadata: EntityMetadataMap = {
  Tag: {},
};

const pluralNames = {
  Tag: 'Tags',
};

export const entityConfig = {
  entityMetadata,
  pluralNames,
};

标签服务实现 #

@Injectable({
  providedIn: 'root'
})
export class TagsService  extends EntityCollectionServiceBase <Tag> {
  constructor(serviceElementsFactory: EntityCollectionServiceElementsFactory) {
    super('Tag', serviceElementsFactory);
   }
}

• LoopBack 4 接口参数规则限制：LoopBack 4的实体查询接口默认仅解析filter字段携带的过滤规则，裸传的tagStatus=Approved这类自定义参数会被后端完全忽略，等价于未传入任何过滤条件，因此返回全量集合。
• NgRx Data 默认参数逻辑：getWithQuery方法的默认实现会将传入的键值对直接序列化为URL查询参数拼接到实体资源根路径后，没有自动适配LoopBack要求的嵌套过滤语法。

1. 按照LoopBack 4的语法要求构造查询参数，手动序列化过滤规则

   getAllApprovedTags(): Observable<Array<Tag>> {
     // 匹配LoopBack要求的where过滤结构
     const loopbackWhereFilter = {
       where: { tagStatus: 'Approved' }
     };
     // 序列化为LoopBack可识别的filter参数
     return this.tagsService.getWithQuery({
       filter: JSON.stringify(loopbackWhereFilter)
     });
   }
   

2. 统一适配后端语法：若项目多个模块都需要调用LoopBack接口，可以自定义NgRx Data的HttpUrlGenerator，替换默认的URL生成逻辑，自动将传入的where、排序、分页参数转换为LoopBack要求的filter格式，避免每个调用点手动构造序列化参数。
3. 校验实际请求：打开浏览器开发者工具的网络面板，确认实际发送的请求URL是否符合后端解析规则。未修复时URL为/api/tags?tagStatus=Approved，后端不会解析该参数；适配后URL携带符合规则的filter序列化字段，才能触发后端的过滤逻辑。

内容的提问来源于stack exchange，提问作者Betsegaw Lemma Amersho