无法在选择下拉菜单中使用动态生成下拉菜单ng-model设置默认选项

unable to set default option in select dropdown with dynamically fromed dropdown ng-model in the dropdown

本文关键字：下拉菜单 ng-model 设置 选项 默认 动态 选择      更新时间：2023-09-26

在我的Angularjs应用程序中，我需要动态地返回select下拉列表和它所选择的选项。因此，我使用了以下函数:

 function getCellRendererMapping(data) {
     if (data.order == 6) {
         return function(params) {
             params.$scope.payRateRegDataOptions = data.data;
             var dynamicScopename = "data.' + params.colDef.field + data.order +'"
             $scope.dynamicScopename = data.data[0];
             // console.log("dynamic scope value" +  $scope[dynamicScopename]);
             return '<select ng-options="eachPayRate.text for eachPayRate in payRateRegDataOptions" name="payrate_s' + params.column.index + '" id="payrate_s' + params.column.index + '" ng-model="dynamicScopename"></select>';
         }
     }
 }

所以发生的事情是，下拉框正确形成，并很好地填充了下拉框选项。但我面临的问题是下拉菜单中的默认设置选项没有解决，即使我使用了以下代码来设置默认选项，我的ng-model， (dynamicScopename)没有设置。

   $scope.dynamicScopename = data.data[0];

我认为你应该加上ng-selected="dynamicScopename"，希望它有帮助。

return '<select ng-options="eachPayRate.text for eachPayRate in payRateRegDataOptions" name="payrate_s' + params.column.index + '" id="payrate_s' + params.column.index + '" ng-model="dynamicScopename" ng-selected="dynamicScopename"></select>'
相关文章：