【问题标题】:autocomplete in angular with typehead预先输入的角度自动完成
【发布时间】:2016-01-14 21:06:16
【问题描述】:

我尝试使用打字头进行角度自动完成,但它不起作用。

我从 angularstrap 页面下载了 typehead.js。

javascript:

myApp.controller('myCtrl', ['$scope', 'myservice', function ($scope, myservice) {
    $scope.counter = 0;
    $scope.name= [];
    myservice.getData().then(function (msg) {
        $scope.name= msg.data.names;
    });

    $scope.input = "";

}]);

html:

 <div ng-controller="myCtrl">
    <input type="text" class="form-control" ng-model="input" 
      bs-options="name for name in names" bs-typeahead>

 </div>

我做错了什么?

如果有更好的自动完成示例解决方案,请告诉我。 提前谢谢

【问题讨论】:

  • 请先调试您的代码,然后再发布到 stackoverflow。

标签: javascript angularjs autocomplete


【解决方案1】:

如果您希望它与您在bs-options 中使用的表达式一起使用,您的$scope.name 应该是$scope.names。例如

Javascript:

myApp.controller('myCtrl', ['$scope', 'myservice', function ($scope, myservice) {
    $scope.counter = 0;
    $scope.names= [];
    myservice.getData().then(function (msg) {
        $scope.names= msg.data.names;
    });

    $scope.input = "";

}]);

我已经创建了一个 example plunker to show your code working 并带有上述修复。

【讨论】:

  • 是的,我知道。我在代码“$scope.names”中输入错误,但它仍然无法正常工作。
  • 我添加了一个工作示例。为了将来参考,请务必添加尽可能多的详细信息,包括实际代码、错误消息、重现步骤等。这将为您提供更好的答案和更有可能帮助您的人。
  • 谢谢。问题是,我刚刚添加了“angular.js”文件和字体格式github.com/mgcrea/angular-strap/blob/master/src/typeahead/…。但这还不够。您还添加了其他文件,这些文件需要自动完成功能。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-03-28
相关资源
最近更新 更多