Question

我正在尝试获取选定选项的值，但我正在获得未定义的值。这是html部分：

分钟天周项目

这是类型脚本部分：

    unitMetric(mySelect) {
    console.log("Selected:",mySelect);
  }

Answer 1

似乎您正在使用Ionic 1。将您的代码更改为此：

<select ng-Model="selectedUnit" ng-change="unitMetric(selectedUnit)" > 
    <option value="minutes">Minutes</option>
    <option value="days">Days</option>
    <option value="weeks">weeks</option>
    <option value="item">Item</option>
  </select>
</ion-label>

必须在您的selectedUnit文件中声明ts。然后在控制器中：-

$scope.unitMetric= function(mySelect) {
    console.log(mySelect);
}

希望对您有所帮助！祝您编码愉快！

Answer 2

在Ionic 2/2 +中，您应该使用[(ngModel)]。

  <select [(ngModel)]="selectedUnit" (change)="unitMetric(selectedUnit)" >
    <option value="minutes">Minutes</option>
    <option value="days">Days</option>
    <option value="weeks">weeks</option>
    <option value="item">Item</option>
  </select>

要选择分钟为default option，请在组件中使用以下代码。

export class TestCompoent {

  selectedUnit: string;

  constructor() {
    this.selectedUnit = 'minutes';
  }

  unitMetric(mySelect){
    console.log("Selected:",mySelect);
  }
}

查看我的stackblitz demo

无法从离子下拉菜单中获得所选值

2 个答案: