javascript - ng-option 在第一次调用时不选择模型值

Question

我有多个带有不同数据数组的下拉菜单。在编辑单击时，我想设置选定的值。我已将 ng-model 设置为对象，但它不起作用。

<div class="form-group">
    <label class="control-label">Category{{product.categoryDto}}</label> 
    <select ng-model="product.categoryDto" class="form-control" ng-options="a.categoryName for a in categories"></select>
</div>

以下是编辑代码。

<button type="button" ng-click="editProduct(row)" class="btn btn-sm btn-primary">
   <i class="glyphicon glyphicon-pencil"></i>
</button>
$scope.editProduct = function(row){
    console.log($scope.product.categoryDto);
    $scope.product = row;
    $scope.showAddProductForm = true;
    $scope.product.categoryDto = row.categoryDto;
};

在标签 categoryDto 中显示正确的值但未选择该选项。任何想法？

标签： javascriptangularjs