角度引導預輸入錯誤

我使用的角度引導預輸入（此LIB UI的自舉tpls.js ）在我的應用程序，當兩個預輸入在一個範圍內使用，只有一個做工精良，和其他沒有工作，這是我的代碼角度引導預輸入錯誤

angular.module('plunker', ['ui.bootstrap']); 
function TypeaheadCtrl($scope) { 

    $scope.selected = undefined; 
    $scope.selected2 = undefined; 

    $scope.states = ['Alabama', 'Alaska','California', 'Hawaii', 'Wisconsin', 'Wyoming']; 
} 

<html ng-app="plunker"> 
    <head> 
    <title></title> 
    <link href="lib/angular-bootstrap/bootstrap.css" rel="stylesheet" /> 
    <script src="lib/angular/angular.js"></script> 
    <script src="lib/angular-bootstrap/ui-bootstrap-tpls-0.3.0.min.js"></script> 
    <script src="app.js"></script> 
    </head> 
    <body> 
     <div class='container-fluid' ng-controller="TypeaheadCtrl"> 
     <pre>Model: {{selected| json}}</pre> 
     <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue"> 
     <input type="text" ng-model="selected2" typeahead="state for state in states | filter:$viewValue"> 
     </div> 
    </body>

請檢查並幫助。

來源

2013-06-25 Mohammad Akbari

你能爲此提供一個plunkr嗎？ – callmekatootie

是的，這個鏈接http://plnkr.co/edit/B0aNgjcFM7G0rBA9a5c9?p=preview –

它是跨張貼以及在GitHub上的問題：https://github.com/angular-ui/bootstrap/issues/562

這是不是在預輸入代碼中的錯誤，它只是需要AngularJS版本> = 1.0.4

這裏是一個工作plunk與清理依賴關係： http://plnkr.co/edit/00xjmfCR5A3Gb7VMC3Ta?p=preview

來源

2013-06-25 17:23:39

我使用的是Angular 1.2.7，它有相同的問題。你知道什麼嗎？ – WagnerMatosUK

1.2.7似乎工作得很好：http://plnkr.co/edit/aLdcutPxBfvnVW5foioo?p=preview –

看來我有一個有趣的一個：在我的第一個typeahead實例運作良好。複製實例並更改應該用於搜索的模型名稱和對象屬性（我有一個客戶對象，其中包含多個屬性，並且我希望用戶能夠通過多個屬性搜索客戶），並且它與matchItem錯誤一起使用。我再次複製（再次更改模型和屬性），第三個完美地工作。我可能錯過了一些明顯的東西...... – WagnerMatosUK

角度引導預輸入錯誤

回答

相關問題