Angular 4报错：类型'string[]'无法赋值给'string'参数求解答

嘿，这个问题其实很好理解，我来给你拆解下：

错误根源 #

你遇到的TSLint错误，核心是类型不匹配：
Angular的HttpParams.set()方法的第二个参数，要求的类型是string | number | boolean（单个基础类型值），但你传入的pages是string[]（字符串数组），这俩类型完全不兼容，所以TypeScript会直接抛出类型不匹配的错误。

看你这段代码：

cancelEvent(id): any { 
  let pages: Array<string> = []; 
  let requestParams = new HttpParams().set('pages[]', pages); 
}

这里pages是数组，而set()只接受单个的字符串/数字/布尔值，自然就触发了类型检查错误。

解决办法 #

如果你的需求是把数组作为请求参数传递（比如后端期望多个pages[]=xxx这样的键值对），可以用这两种方式：

方式1：循环使用append()添加参数

append()方法支持给同一个键添加多个值，适合处理数组场景：

cancelEvent(id): any { 
  let pages: Array<string> = []; 
  let requestParams = new HttpParams();
  // 遍历数组，逐个添加参数
  pages.forEach(page => {
    requestParams = requestParams.append('pages[]', page);
  });
}

方式2：用HttpParams.fromObject初始化

Angular的HttpParams支持通过fromObject选项直接传入包含数组的对象，它会自动帮你处理数组参数：

cancelEvent(id): any { 
  let pages: Array<string> = []; 
  let requestParams = new HttpParams({ 
    fromObject: { 'pages[]': pages } 
  });
}

这样处理后，类型就完全符合要求了，TSLint的错误也会消失~

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