Angular发送字符串列表参数通过Get方法

Question

我有一个Angular 6项目。我将我的请求发送到.NET Core 2.1 Web API。我正在发送如下的弦乐列表。但是，我的数据到C＃只有一个类似"'apple', 'orange', 'banana'"的项目。但是，我想要三个不同的字符串。我该如何实现？请不要使用" post"的建议。方法

角侧

getFruitDetails() {
    let params = new HttpParams();
    params = params.append('fruitType', '35');
    params = params.append('fruits', JSON.stringify(['apple', 'orange', 'banana']));
    return this.http.get('https://localhost:5000/api/Fruit/GetFruitDetails', { params: params });
}

c＃side

public GetFruitDetails([FromQuery] FruitModel fruitModel)
{...}
public class FruitModel
{
    public int FruitType { get; set; }
    public List<string> Fruits { get; set; }
}

Answer 1

FromQuery属性将添加所有查询参数，使 fruits=value从QUERYSTRING中匹配到列表水果中。

因此，将参数构成为

getFruitDetails() {
    let params = new HttpParams();
    params = params.append('fruitType', '35');
    params = params.append('fruits', 'apple');
    params = params.append('fruits', 'orange');
    params = params.append('fruits', 'banana');
    return this.http.get('https://localhost:5000/api/Fruit/GetFruitDetails', { params: params });
}