2013-06-25 3 views
0

Я использую угловую загрузочную кнопку типа (это lib ui-bootstrap-tpls.js ) в моем приложении, когда используется два типа в одной области, только один работает хорошо, а другой не работает, это мой кодangular bootstrap typeahead ошибка

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> 

пожалуйста, проверьте это и помощь.

+1

Вы можете предоставить plunkr для этого? – callmekatootie

+0

да, эта ссылка http://plnkr.co/edit/B0aNgjcFM7G0rBA9a5c9?p=preview –

ответ

1

Это был кросс-курс, как вопрос о GitHub, а также: https://github.com/angular-ui/bootstrap/issues/562

Это не ошибка в коде машинописного, он просто требует AngularJS версии> = 1.0.4

Вот рабочая plunk с убранными зависимостями: http://plnkr.co/edit/00xjmfCR5A3Gb7VMC3Ta?p=preview

+0

Я использую Angular 1.2.7 и имею ту же проблему. Вы знаете что-нибудь об этом? – WagnerMatosUK

+0

1.2.7, кажется, работает отлично: http://plnkr.co/edit/aLdcutPxBfvnVW5foioo?p=preview –

+0

Кажется, у меня есть смешной: на моем первом экземпляре typeahead работает хорошо. Скопировал экземпляр и изменил имя модели и свойство объекта, которое должно использоваться для поиска (у меня есть объект клиента, который имеет несколько свойств в нем, и я хочу, чтобы пользователь мог искать клиента по нескольким свойствам), и это работает с ошибкой matchItem. Я повторяю снова (изменение модели и свойства снова), а третий работает безупречно. Я, вероятно, пропустил что-то очевидное ... – WagnerMatosUK