Angularjs 更改数据列表中的ng模型_Angularjs

Angularjs 更改数据列表中的ng模型

angularjs

Angularjs 更改数据列表中的ng模型,angularjs,Angularjs,我想在datalist中获取所选选项的ID，使用select很容易，但我不知道如何获取选项名称的ID 我做了一个代码片段 HTML是这样的 <!DOCTYPE html> <html ng-app='app'> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> <

我想在datalist中获取所选选项的ID，使用select很容易，但我不知道如何获取选项名称的ID

我做了一个代码片段

HTML是这样的

<!DOCTYPE html>
<html ng-app='app'>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
    <meta charset="utf-8">
    <title>JS Bin</title>
</head>

<body>
    <div class="col-lg-6" ng-controller="getLocalityId">
        <label for="locality">Locality</label>
        <input class="input form-control" placeholder="Search By Name" list="locality" ng-model="obj.id" ng-change="fetchId(obj.id)" />
        <datalist id="locality" name="locality">
            <select>
                <option ng-repeat=" obj in localityList" value="{{ obj.name }}" selected-value="{{ obj.id  }}">{{ obj.id }}</option>
            </select>
        </datalist>

    </div>

</body>

</html>


JS-Bin
地点
{{obj.id}

在您的案例中使用：

 <select ng-model="currentID" ng-options="obj.id as obj.name for obj in localityList"></select>

正如我告诉您的，select很好，但问题在于数据列表。

 <select ng-model="currentID" ng-options="obj.id as obj.name for obj in localityList"></select>