Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript md autocomplete查找数据,但下拉列表为空_Javascript_Angularjs_Angularjs Material - Fatal编程技术网

Javascript md autocomplete查找数据,但下拉列表为空

Javascript md autocomplete查找数据,但下拉列表为空,javascript,angularjs,angularjs-material,Javascript,Angularjs,Angularjs Material,md autocompletewithfindUser方法查找数据,但下拉列表绝对为空 如何修复提到的空下拉列表(即使没有下拉列表)问题 谢谢大家! angular.module('orders', ['ngMaterial']); angular.module('orders').config(function ($mdThemingProvider) { $mdThemingProvider.theme('default') .primaryPalette('gre

md autocomplete
with
findUser
方法查找数据,但下拉列表绝对为空

如何修复提到的空下拉列表(即使没有下拉列表)问题

谢谢大家!

angular.module('orders', ['ngMaterial']);

angular.module('orders').config(function ($mdThemingProvider) {
    $mdThemingProvider.theme('default')
        .primaryPalette('green')
        .accentPalette('grey');
});

angular.module('orders').controller('order', function ($scope, $http) {
    var self = this;
    self.data = null;
    self.selectedItem = null;
    self.searchText = null;

    this.findUser = function (query) {
        return $http({
            method: 'POST',
            url: apiUrl() + 'user',
            data: query
        }).then(function (data) { return self.data = data; });
    };//...
这是我的完整html页面,请检查一下

<html>

<head>
    <script src="1.5.0/angular.js"></script>
    <script src="1.5.0/angular-aria.js"></script>
    <script src="1.5.0/angular-animate.js"></script>
    <script src="1.1.1/angular-material.min.js"></script>
    <link rel="stylesheet"
    href="1.1.1/angular-material.min.css" />
    <script src="js/application.js"></script>
    <script src="order/order.js"></script>
</head>

<body ng-app='orders' layout="column" ng-controller="order as ctrl">
    <div flex="85">
        <md-autocomplete flex="85" md-selected-item="ctrl.selectedItem" md-search-text="ctrl.searchText"
        md-items="item in ctrl.findUser(ctrl.searchText)" md-item-text="ctrl.formatUser(item)" md-delay="300"
        md-floating-label="Search supplier representative">
            <div layout="row" class="item" layout-align="start center">
                <span md-highlight-text="ctrl.searchText">{{item.lastName}}</span>
            </div>
        </md-autocomplete>
    </div>
</body>

</html>

{{item.lastName}
试试这个

在md autocomplete中的“ngModelChange”事件上调用findUser()方法。 创建一个新变量,比如self.users=[] 并将来自服务器的数据分配给该数组,然后在html上迭代该数组

试试这个

在md autocomplete中的“ngModelChange”事件上调用findUser()方法。 创建一个新变量,比如self.users=[]
并将来自服务器的数据分配给该数组,然后在html上迭代该数组

findUser函数返回的数据不正确,请改用:

this.findUser = function (query) {
    return $http({
        method: 'POST',
        url: apiUrl() + 'user',
        data: query
    ̶}̶)̶.̶t̶h̶e̶n̶(̶f̶u̶n̶c̶t̶i̶o̶n̶ ̶(̶d̶a̶t̶a̶)̶ ̶{̶ ̶r̶e̶t̶u̶r̶n̶ ̶s̶e̶l̶f̶.̶d̶a̶t̶a̶ ̶=̶ ̶d̶a̶t̶a̶;̶ ̶}̶)̶;̶
    }).then(function (response) { return self.data = response.data; });
};//...
$http。然后
方法返回一个
响应
对象,其中
数据
是该对象的属性

有关详细信息,请参阅


findUser函数返回的数据不正确,请改用:

this.findUser = function (query) {
    return $http({
        method: 'POST',
        url: apiUrl() + 'user',
        data: query
    ̶}̶)̶.̶t̶h̶e̶n̶(̶f̶u̶n̶c̶t̶i̶o̶n̶ ̶(̶d̶a̶t̶a̶)̶ ̶{̶ ̶r̶e̶t̶u̶r̶n̶ ̶s̶e̶l̶f̶.̶d̶a̶t̶a̶ ̶=̶ ̶d̶a̶t̶a̶;̶ ̶}̶)̶;̶
    }).then(function (response) { return self.data = response.data; });
};//...
$http。然后
方法返回一个
响应
对象,其中
数据
是该对象的属性

有关详细信息,请参阅