TypeScript+Angular报错：不存在接受string类型参数的索引签名

先排查几个核心问题，对应解决方案如下：

1. 确认服务属性的合法性 #

先检查user2RoleService里是否确实存在records和observableComplete这两个Observable类型的属性。如果records属性不存在或者不是Observable，循环到它时就会直接报错，而单独写observableComplete时不会触发这个问题。

2. 解决TypeScript类型检查限制（若使用TS） #

如果是TypeScript组件，直接用this[variable]赋值时，TS无法确认variable对应的属性是否在组件类中声明，会抛出类型错误。有两种解决方式：

• 提前声明组件属性：在组件类里明确写出这两个属性的定义，示例：

  export class YourComponent {
    records: YourRecordType; // 替换为实际业务类型
    observableComplete: boolean; // 替换为实际业务类型
    // ...其他组件代码
  }
  

• 类型断言绕过检查：如果不想提前声明，可以给this添加类型断言：

  const variables = ['records' ,'observableComplete' ]
  variables.forEach(variable => {
    this.user2RoleService[variable].subscribe( result => { 
      (this as Record<string, any>)[variable] = result;
    })
  });
  

3. 避免异步回调的变量捕获问题（旧环境兼容） #

极少数老旧JS环境中，forEach的变量捕获可能导致异步回调执行时拿到的是最后一个变量值。可以换成for...of循环替代forEach，它的块级作用域变量更可靠：

const variables = ['records' ,'observableComplete' ]
for (const variable of variables) {
  this.user2RoleService[variable].subscribe( result => { 
    this[variable] = result;
  })
}

内容的提问来源于stack exchange，提问作者John G.