如何顯示輸入多選的值 Angular ngFor

Question

嗨，我在 Angular 工作，我想在控制台中顯示它的值

這是我的 object：

tipos = [
    {
      types: 'HEXO',
      descrip: 'Hora extra',
    },
    {
      types: 'HEXN',
      descrip: 'Hora extra Nocturna',
    }]

<select id="opciones" name="opciones">
    <option  disbled>Select</option>
    <option  *ngFor="let tipo of tipos; let i = index;"  value={{tipo['types']}}>{{tipo['descrip']}}</option>
  </select>

{{tipo['descrip']}} 正在工作，但值 (value={{tipo['types']} ) 向我拋出一個錯誤，我不知道如何迭代以查看控制台中的值。 謝謝！

Answer 1

這是你的意思嗎？

  tipos = [
    {
      types: 'HEXO',
      descrip: 'Hora extra',
    },
    {
      types: 'HEXN',
      descrip: 'Hora extra Nocturna',
    }
  ];

<select id="opciones" name="opciones">
  <option disabled>Select</option>
  <option *ngFor="let tipo of tipos" value="{{tipo.types}}}">{{tipo.descrip}}</option>
</select>