Angular中如何将单个ID与数组合并传入[exclude]属性？

你直接把数组塞进去会导致嵌套数组（比如变成 [用户ID, [排除用户数组]]），组件自然识别不了。给你两种简单可行的解决方式：

方式一：组件类里写计算属性（推荐） #

在组件的.ts文件中添加一个计算属性，把需要的ID合并成一维数组：

get combinedExcludedIds() {
  // 先做空值判断，避免myUser或excludedUsers为空时报错
  if (!this.myUser) return [];
  return [this.myUser.id, ...(this.myUser.excludedUsers || [])];
}

之后在模板里直接使用这个属性：

<app-myapp *ngIf="true" [exclude]="combinedExcludedIds"></app-myapp>

这种方式逻辑集中在组件类里，模板更简洁，后期维护也方便。

方式二：模板内直接用展开运算符 #

如果不想修改组件类，也可以直接在模板里用ES6展开运算符合并数组，注意模板里不需要写this：

<app-myapp *ngIf="true" [exclude]="[myUser?.id, ...(myUser?.excludedUsers || [])]"></app-myapp>

这里的?.是空值保护语法，防止myUser为null/undefined时触发报错；|| []是当excludedUsers为空时兜底成空数组，避免展开undefined导致异常。

另外补充：ngFor完全不适用这个场景，它是用来循环渲染DOM元素的，而你现在需要的是合并数组传给组件的输入属性，两者没有关联。

内容的提问来源于stack exchange，提问作者kubo