在angular.js的select下拉列表中绑定值和文本

Question

我的页面中有这个下拉列表

<select 
    ng-options="col.col_id as col.col_name for col in meta_data.x_cols"
    ng-model="obj.x">
</select>

由于模型设置为obj.x,我可以$scope.obj.x在任何$scope函数中使用它.

当然,它给出了value所选择的选项.我有什么方法可以获得所选文本吗？例如,绑定obj.x到obj.x_text所选选项的文本.

Answer 1

如果绑定col而不是col.col_id:

<select 
    ng-options="col as col.col_name for col in meta_data.x_cols track by col.col_id"
    ng-model="obj.x">
</select>

您将能够从$ scope.obj.x访问col_id和col_name:

$scope.obj.x.col_id
$scope.obj.x.col_name