W angularjs jak używać 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> 

Controller

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

Sprawdź ten link http://jsbin.com/jifibugeke/1/edit?html,js,console,output

Przede wzmianka DataList przykładowy kod i adres URL za pomocą angularjs, tu jest mój problem, co zawsze piszę pole tekstowe , w kontrolerze dodam, dodając wszystkie słowa, w moim wymaganiu w danych wybranych szczegółów tylko pokazuje w kontrolerze,

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

To jest właściwa droga dla kątowa:

<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> 

Watch type = "text", a w przypadku gdy nazwa, id ng i model są umieszczone.

To będzie działać z kanciastą bez dodatkowej funkcji javascript.