Html 如何在Dropdownlist中设置2到3个默认值

在这段代码中，如何在dropdownlist中将2个值设置为默认值，当我刷新页面时，最后2个选定值应设置为默认值 提前谢谢

---

您可以使用localStorage存储一个人选择的多个值。。。当我们刷新页面时，这些值是从构造函数中的localStorage获取的

您可以通过以下2个更改更新stackblitz以查看效果

选择-multiple-example.ts

选择-multiple-example.html

上一个选择：{previousSelection} 2个有效选择：{{selected}} {{topping}}

---

@普拉迪姆，这对你有用吗？我刚刚检查了你创建的新stackblitz…上面的链接在这里被重新引用到2个复选框，但我需要当我单击第3个复选框时，前面的任何一个复选框都应该取消选中，如果可能的话，你能帮我吗你只是增加了你的问题范围…：。。。请给我一些时间帮助选定的：字符串[]；//=[‘蘑菇’、‘洋葱’]；如果数据来自webservices如何传递数据创建一个进行http调用的服务，请从组件调用该服务，并将来自该服务的数据插入toppingList

import {Component} from '@angular/core';
import {FormControl} from '@angular/forms';

/** @title Select with multiple selection */
@Component({
  selector: 'select-multiple-example',
  templateUrl: 'select-multiple-example.html',
  styleUrls: ['select-multiple-example.css'],
})
export class SelectMultipleExample {
  toppings = new FormControl();
  toppingList: string[] = ['Extra cheese', 'Mushroom', 'Onion', 'Pepperoni', 'Sausage', 'Tomato'];
  selected:string[]; //= ['Mushroom', 'Onion'];
  previousSelection:string[];

  constructor(){
    this.selected = [];
    this.previousSelection = [];
    var readStore = localStorage.getItem('selected');

    if (readStore.length>0){
      this.previousSelection = readStore.split(",");
    }

    if (this.previousSelection.length>0){
      for(var i=0; i<this.previousSelection.length; i++){
        this.selected.push(this.previousSelection[i]) ; 
      }
    }
  }

  selectionChanged(passedVal){
    while(this.selected.length>2){
      this.selected.shift();
    }

    var combinedString = this.selected.join();
    localStorage.setItem('selected', combinedString);
  }

}