RxLet指令rxLetSuspenseTrigger绑定报错，是否缺少导入？

开发者阿泽

2026-7-6

解决方案：RxLet suspenseTrigger 属性绑定错误

错误原因

你遇到的问题源于混用*rxLet结构指令语法与独立属性绑定写法，同时需确认参数别名的正确性：

*rxLet是结构指令的语法糖，应用后无法再通过[rxLetSuspenseTrigger]单独绑定输入属性
结构指令语法中，suspense触发器的参数别名为suspenseTrg，对应完整属性名rxLetSuspenseTrigger

正确写法示例

写法1：推荐使用结构指令语法（整合所有参数）

将suspenseTrg参数直接写在*rxLet表达式中，无需额外添加属性绑定：

<section id="search-modal">
    <ng-container
        *rxLet="content$; let contents; suspense: suspense; suspenseTrg: query$"
    >
      <div class="content" [style]="size$ | async">
          <img
              *ngFor="let content of contents"
              smartImg
              [src]="content.poster"
              [resolution]="2"
              [viewMovie]="{ id: content.tmdb_id, type: content.type_ }"
        />
      </div>
    </ng-container>

    <ng-template #suspense class="container center">
        <div class="loader center"></div>
    </ng-template>
</section>

写法2：完整属性绑定写法（不使用语法糖）

若要使用独立属性绑定，需去掉*前缀，改用[rxLet]绑定数据流，同时设置其他输入属性：

<section id="search-modal">
    <ng-container
        [rxLet]="content$"
        let-contents
        [rxLetSuspense]="suspense"
        [rxLetSuspenseTrigger]="query$"
    >
      <div class="content" [style]="size$ | async">
          <img
              *ngFor="let content of contents"
              smartImg
              [src]="content.poster"
              [resolution]="2"
              [viewMovie]="{ id: content.tmdb_id, type: content.type_ }"
        />
      </div>
    </ng-container>

    <ng-template #suspense class="container center">
        <div class="loader center"></div>
    </ng-template>
</section>