Html 在AngularJS中如何使用数据列表

检查此链接

上面提到了使用angularjs的数据列表示例代码和URL，这里我的问题是我在文本框中键入了什么，在控制器中添加了每个单词，在我的要求中，在数据列表中选择的详细信息仅显示在控制器中，

//这里是您的html
function cntryController($scope) {
    $scope.LoadSessionData = function(val) {
        console.log(val);
    };
}

//这是你的剧本
var app=angular.module（'myapp1'，[]）；
app.controller（'cntryController'，函数（$scope）{
//ng重复数据
$scope.names=[{'drname'：'Dr.Test1'}，{'drname'：'Dr.Test2'}，{'drname'：'Dr.Test3'}]
$scope.LoadSessionData=函数（val）{
//控制台日志
控制台日志（val）；
}
});

这是角度测量的正确方法：

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

观察type=“text”以及名称、id和ng型号的放置位置

---

这将与AngularJS一起工作，不需要任何javascript附加功能。

这里是关于Datalist和AngularJS的小信息：是爱！！！比HTML5之前所有可能的替代品整洁10000倍。非常好，谢谢！！！并在IE中工作：Oit很好，但您实际上不需要传递SelectedDoctor，因为您可以从$scope.LoadSessionData访问$scope.SelectedDoctor

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

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