无法从离子的下拉列表中获取所选值

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>

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

$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);
  }
}

查看我的堆栈闪电战演示