从AngularJS中的选定选项获取值

Getting values from the selected option in AngularJS

本文关键字：选项 获取 AngularJS      更新时间：2023-09-26

我正在尝试获取所选选项的url。因此，我的主要目标是将所选选项分配给select 的ng-model

HTML:

<select ng-model="ddValue1.value">
    <option ng-repeat="d in ddOptions1" value="{{d.value}}">{{d.text}}</option>
</select>

JS:

$scope.ddOptions2 = [
  {value: 'value1', text: 'Text1', url: 'google.com'},
  {value: 'value2', text: 'Text2', url: 'yahoo.com'}
];
$scope.ddValue2 = {};
$scope.ddValue2.value = $scope.ddOptions2[0].value;

我尝试通过执行ng-model="ddValue1.url=d.url" 来分配它

像这个一样使用ng-options

<select ng-model="ddValue1"
    ng-options="d.text for d in ddOptions1 track by d.value">
</select>

然后您可以简单地引用ddValue1.url

ng repeat中有一个打字错误。调用ddOptions2

<option ng-repeat="d  in ddOptions2" value="{{d.value}}">{{d.text}}</option>

相关文章：