-2

AngularJS を使用してアプリ フレームワークにオート コンプリート テキスト ボックスを実装する方法、オート コンプリート メソッドで undefined エラーが発生する

次のコードは、AppFramework の使用時にエラーをスローします。

$scope.complete = function () { 
  console.log($scope.availableTags); 
  $("#tags").autocomplete({ source: $scope.availableTags }); 
};

エラー autoComplete メソッドは定義されていません

4

1 に答える 1

0

使用できますng-autocomplete。次のように簡単な例を示しました。

<!DOCTYPE html>
<html ng-app="Test">
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css"href="style.css">

    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js"></script>
    <script src="script.js"></script>
    <script src="ngAutocomplete.js"></script>
</head>

<body>
<div ng-controller="TestCtrl">

<form id="form" role="form">

    <div class="form-group move-down">
        <label for="Autocomplete">Generic Autocomplete</label>
        <input type="text" id="Autocomplete" class="form-control" ng-autocomplete="result1" details="details1" options="options1"/>
    </div>
</form>
</div>
</body>
</html>

Angucomplete も使用できます。ここで見つけてください：http://ghiden.github.io/angucomplete-alt/

于 2015-07-17T04:53:24.350 に答える