0

アプリでAngular Bootstrap typeahead（このlib ui-bootstrap-tpls.js）を使用します。1つのスコープで2つのtypeaheadを使用すると、1つだけがうまく機能し、他は機能しません。これが私のコードです 

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>

これを確認して助けてください。

4

1 に答える 1

1

GitHub でも問題としてクロスポストされました: https://github.com/angular-ui/bootstrap/issues/562

これは先行入力コードのバグではなく、単純に AngularJS バージョン >= 1.0.4 が必要です。

依存関係がクリーンアップされた動作中の plunk を次に示します 。

于 2013-06-25T17:23:39.860 に答える