javascript - 如何在AngularJS中的select方法中传递值

Question

我在 AngularJS 中遇到一个问题。如何在html select方法中传递列表值 这是我的代码，

app.js

$scope.subcategory = function() {

  var query = "SELECT unit FROM Length;";
  $cordovaSQLite.execute(db, query).then(function(res) {
    if (res.rows.length > 0) {

      var message = "SELECTED -> " + res.rows.item(1).unit;
      $scope.list = message;
    }
  });
}

index.html

<select ng-change="subcategory()" ng-options="x.list for x in subcategory"></select>

Answer 1

您可以使用函数参数或$scope来实现此目的。例如，解析 subcategory.id (我不知道 id 属性是否存在)以按categoryId 子选择类别。您还应该使用 ng-model 定义模型。

查看

<select ng-options="x.list for x in subcategory" 
        ng-model="selectedItem" 
        ng-change="subcategory()">
</select>

Controller

$scope.subcategory = function() {

    //you can also access categoryId with 
    var query = "SELECT unit FROM Length WHERE id = "+ $scope.selectedItem.id+";";

    $cordovaSQLite.execute(db, query).then(function(res) {
        if(res.rows.length > 0) {
            var message = "SELECTED -> " + res.rows.item(1).unit ;
            $scope.list=message;
        } 
    });
}