Question

我正在使用ng-select插件创建多个下拉列表。我的场景就像用户从下拉列表中选择项目一样。我需要在按钮中填充所选项目对象，并在下拉列表下方显示关闭图标。我可以从两侧删除所选项目，即从下拉列表和按钮关闭图标。我无法使用双向绑定填充列表。一种新的角度世界

PFB stackblitz url。请建议做什么。

Answer 1

通过过滤功能从相册中删除所选对象。

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  name = 'Angular 5';
  albums = [];
  selectedMember = null;
  selectedTeamMember;
  constructor(http: HttpClient) {
    http.get<any[]>('https://jsonplaceholder.typicode.com/posts').subscribe(albums => {
      this.albums = albums;
    });
  }


  onChange(event) {
    this.selectedTeamMember = event
  }

  removeTeamMember(obj) {
    this.albums = this.albums.filter((item)=> { 
    return item !== obj
  })
  }
}

ng select的双向绑定问题

1 个答案: