Изменение ng-модели в datalist

Я хочу получить идентификатор выбранного параметра в datalist, используя его легко, но я не знаю, как получить идентификатор имени опции.Изменение ng-модели в datalist

Я сделал один фрагмент кода на JSBIN

var app = angular.module('app', []); 
app.controller('getLocalityId', function($scope) { 
    $scope.localityList = [{ 
     name: "Rome", 
     id: 1 
    }, { 
     name: "London", 
     id: 2 
    }, { 
     name: "Paris", 
     id: 3 
    }]; 
    $scope.fetchId = function(id) { 
     console.log(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>

источник

2015-06-07 fruitjs

Использование ng-options в вашем случае:

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

Demo

источник

2015-06-07 15:56:04

Как я сказал вам, что выбор в порядке, но проблема связана с datalist. – fruitjs

Изменение ng-модели в datalist

ответ

Смежные вопросы