AngularJS中的自动完成模式

我在输入文本框中放置了一个单词，它显示了列表的下拉列表。但我想要当用户输入任何项目和列表中不可用。点击添加按钮，它应该弹出“无项目” ...AngularJS中的自动完成模式

参考

var app = angular.module('myApp', ['ngAnimate','ui.bootstrap']); 


app.controller('NameCtrl', function ($scope,$http){ 




    $http.get("lib/data.txt").success(function(res){ 

    $scope.selected = undefined; 
    $scope.states = res; 

    }); 



     $scope.names = []; 


     $scope.addName = function() { 

if($scope.ww != ''){ 

$scope.names.push({ 
    'x1':$scope.enteredName, 
    'qty':$scope.ww, 
    'p1':$scope.enteredName.p 

    }); 

$scope.enteredName = []; 
$scope.ww = ''; 
$scope.tp = ''; 

} 
else if ($scope.ww = '') 
{ 

alert("hi"); 

} else {} 




}; 

















     $scope.removeName = function(name) { 
      var i = $scope.names.indexOf(name); 
      $scope.names.splice(i, 1); 
     }; 





     $scope.edit = function(name, idx){ 
     $scope.enteredName = $scope.states.find((item) => item.p === name.p1); 
     $scope.sel = name.tp; 
     $scope.ww = name.qty; 
     $scope.names.splice(idx, 1); 
     }; 


$scope.isCollapsed = true; 






     });

来源

2015-10-30 Saurabh Della Ra' Man

我很抱歉，但我不太明白你的问题。你能再解释一下吗？ – LordTribual

嗨@LordTribual我做了一个应用程序，它是简单的数据输入添加/修改和删除功能....所以当我开始在文本框中输入时，它给了我从angularUI的typehead指令对象的列表，但是当obejct什么样的用户类型是不可用的列表中，我想要一个消息应该罢工作为一个阿尔特“没有找到项目” –

您可以添加属性：预输入编辑=假这将使如果条目不在列表中，则你的ng模型为空。然后，您可以管理一个空模型来添加您的“无项目”条目。

这里是文档：（默认值：true）：它是否应该将模型值限制为仅从弹出窗口中选择的值？

来源

2015-10-30 08:34:54 ThibaudL

ü是正确的先生，但我需要一个警告框也说没有项目....然后它是有道理的 –

AngularJS中的自动完成模式

回答

相关问题