Angular Js:Typeahead

时间:2013-10-21 15:13:42

标签: html5 angularjs

我有一个使用angularjs type-ahead的输入类型。我面临的问题是当我将鼠标移到它上面时它会消失。我可以使用箭头键从列表中选择项目,但无法从列表中单击并选择。

我从数据库中获取列表,并且预先输入列表正常填充。其他地方我使用几乎相同的代码,它工作正常。当使用这种特殊的类型,一段时间后,比如5-6次试验,它表现正常。

任何帮助都将不胜感激。谢谢。

我的HTML:

<input
    id="{{roleAssignmentTableDTO.employeeNumberElementId}}" type="text"
    name="employeeNumber"
    ng-disabled="roleAssignmentTableDTO.disableEmployee"
    ng-model="roleAssignmentTableDTO.employeeNumber"
    typeahead="state for state in states | filter:$viewValue" />

我的控制器:

$http
    .post('rest/employeeSearch', query)
    .success(
            function(dataList) {
                /*$scope.roleAssignmentDTO.roleAssignmentTableDTOList[elementId].searchLoader = false;
                roleAssignmentTableDTO.showSearchLink=true;*/

                if (dataList.length == 0) {
                    /*$scope.projectNotfoundError = true;
                    $scope.roleAssignmentDTO.roleAssignmentTableDTOList[elementId].showSearchLink = false;
                    $scope.projectNotfoundErrorMsg = 'You entered incorrect employee';*/
                }
                $.each(
                        dataList,
                        function(
                                i,
                                data) {
                            map[data.employeeNumber] = data;
                            List
                                    .push(data.employeeNumber);

                        });

                process(List);
            })
    .error(

            function() {
                $scope.roleAssignmentDTO.roleAssignmentTableDTOList[elementId].searchLoader = false;
                $scope.projectNotfoundError = true;
                $scope.projectNotfoundErrorMsg = 'Some Internal error occured';
                List
                        .push("no data found");
                process(List);
            });

    },
    updater : function(selectedData) {

    $scope.roleAssignmentDTO.roleAssignmentTableDTOList.employeeNumber = selectedData;

    return selectedData;
    }
    });

0 个答案:

没有答案