Question

我使用angular bootstrap typeahead（这是lib ui-bootstrap-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>

请检查并提供帮助。

Answer 1

它也在GitHub上作为问题交叉发布：https://github.com/angular-ui/bootstrap/issues/562

这不是输入型代码中的错误，它只需要AngularJS版本＆gt; = 1.0.4

这是一个具有清理依赖关系的工作插件： http://plnkr.co/edit/00xjmfCR5A3Gb7VMC3Ta?p=preview

角度引导类型bug

1 个答案: