在IE中对象名称之前和之后的角度添加空间

Question

使用Angular 5，我构建了一个在Chrome中运行良好的网页。但是，在IE中，在对象名称之前和之后添加了一个空格。

我有一个功能：

  changegroup(groupname){
    console.log("Group changed to", groupname)
    this.selecteddocs = [];
    if (groupname != "All Groups") {
      this.http.get("https://example.com/_api/web/lists/getbytitle('Document Separator Barcodes')/items?$top=1000&$orderBy=DocumentGroup,Title&$filter=DocumentGroup eq '"+ groupname +"' or DocumentGroup eq 'Any'").subscribe(data => {
        console.log("items for", groupname);
        .....
      });
    }
    else {
      .....
  }

这是选择的HTML：

  <select class="form-control" (change)="changegroup($event.target.value)">
    <option>
      All Groups
    </option>
    <option *ngFor="let group of uniquegroups">
      {{group}}
    </option>
  </select>

在Chrome中，groupname将记录为All Groups，使该功能正常运行，但在IE groupname中将以 All Groups 的形式记录，并在开头和结尾处添加空格宾语。我启用了所有推荐的polyfill。如果不影响Chrome上的功能，我该怎么做才能解决这个问题？