В AngularJS, как использовать DataList

Question

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 

<div ng-app="" ng-controller="cntryController"> 
    <input list="testList" type="" ng-model="SelectedDoctor" ng-change="LoadSessionData(SelectedDoctor)" /> 
    <datalist id="testList"> 
     <option value="Dr.Test1" ng-selected="selected"></option> 
     <option value="Dr.Test2"></option> 
     <option value="Dr.Test2"></option> 
    </datalist> 
</div> 

контроллер

function cntryController($scope) { 
    $scope.LoadSessionData = function(val) { 
     console.log(val); 
    }; 
} 

Проверить эту ссылку http://jsbin.com/jifibugeke/1/edit?html,js,console,output

Выше Упоминание DataList образец кода и URL с помощью angularjs, вот моя проблема в том, что когда-нибудь я набрав текстовое поле , в контроллере добавить добавленные слова, в моем требовании в datalist выбранные данные отображаются только в контроллере,

Answer 1

//here your html 
<div ng-app="myapp1" ng-controller="cntryController"> 
    <input list="testList" type="" ng-model="SelectedDoctor" ng-change="LoadSessionData(SelectedDoctor)" /> 
    <datalist id="testList"> 
     <option ng-repeat="x1 in names" value="{{x1.drname}}"> 
    </datalist> 
</div> 

//here your script   
<script> 
    var app=angular.module('myapp1',[]); 
    app.controller('cntryController',function ($scope) { 
//data for ng-repeat 
    $scope.names=[{'drname':'Dr.Test1'},{'drname':'Dr.Test2'},{'drname':'Dr.Test3'}] 
    $scope.LoadSessionData = function(val) { 
//console log 
     console.log(val); 
    } 
}); 
</script> 

Answer 2

Это правильный путь для углового:

<input list="Calle" type="text" ng-model="xCalle" > 
    <datalist name="Calle" id="Calle" > 
     <option value="11 DE SEPTIEMBRE DE 1888"> 
     <option value="12 DE OCTUBRE"> 
    </datalist> 

Смотреть тип = «текст» и где имя, идентификатор и нг-модели размещены.

Это будет работать с угловым без дополнительной функции javascript.