0

我在輸入文本框中放置了一個單詞,它顯示了列表的下拉列表。但我想要當用戶輸入任何項目和列表中不可用。點擊添加按鈕,它應該彈出「無項目」 ...AngularJS中的自動完成模式

參考

Code is here

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; 






     }); 
+0

我很抱歉,但我不太明白你的問題。你能再解釋一下嗎? – LordTribual

+0

嗨@LordTribual我做了一個應用程序,它是簡單的數據輸入添加/修改和刪除功能....所以當我開始在文本框中輸入時,它給了我從angularUI的typehead指令對象的列表,但是當obejct什麼樣的用戶類型是不可用的列表中,我想要一個消息應該罷工作爲一個阿爾特「沒有找到項目」 –

回答

0

您可以添加屬性:預輸入編輯=假 這將使如果條目不在列表中,則你的ng模型爲空。然後,您可以管理一個空模型來添加您的「無項目」條目。

這裏是文檔:(默認值:true):它是否應該將模型值限制爲僅從彈出窗口中選擇的值?

+0

ü是正確的先生,但我需要一個警告框也說沒有項目....然後它是有道理的 –