Angular 2：选择更改以返回项目

Question

如何在更改时传递项目？

我走了这么远：

<select #sel (change)="select.emit(sel.value.url)">
        <option  *ngFor="let item of selectlist">
            {{item.description}}
        </option>
    </select>

但我想在更改时将“项目”传回。

我应该只取回项目对象

{ 值：0， 描述：“家”， 网址：'http://www.color.com' }

但我得到的是 'Home'。

这是我的完整数组

public  pagelist:Array<Object> = [
      {
        value: 0, 
        description: 'Home',
            url: 'http://www.color.com'
      },
      {
        value: 1, 
        description: 'Tours',
        subpage: [{
                    value: 0, 
                    description: 'Italy'
                 },
                 {
                    value: 0, 
                    description: 'France'
                 },
                 {
                    value: 0, 
                    description: 'London'
                 }]
      },
      {
        value: 1, 
        description: 'About us',
            url: 'http://www.color.com'
      },
            {
        value: 1, 
        description: 'Contact us',
            url: 'http://www.color.com'
      }

  ];

Answer 1

将您的代码替换为：

<select #sel (change)="select.emit(selectlist[$event.target.value])">
    <option [value]='i' *ngFor="let item of selectlist; let i = index;">
        {{item.description}}
    </option>
</select>