Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用AngularJS在应用程序框架中自动完成_Angularjs_Appframework - Fatal编程技术网

使用AngularJS在应用程序框架中自动完成

使用AngularJS在应用程序框架中自动完成,angularjs,appframework,Angularjs,Appframework,如何使用AngularJS在应用程序框架中实现自动完成文本框, 自动完成方法给出未定义的错误 使用AppFramework时,以下代码引发错误: $scope.complete = function () { console.log($scope.availableTags); $("#tags").autocomplete({ source: $scope.availableTags }); }; 错误自动完成方法未定义 您可以使用ng autocomplete。我提供了一个简

如何使用AngularJS在应用程序框架中实现自动完成文本框, 自动完成方法给出未定义的错误

使用AppFramework时,以下代码引发错误:

$scope.complete = function () { 
  console.log($scope.availableTags); 
  $("#tags").autocomplete({ source: $scope.availableTags }); 
};
错误自动完成方法未定义


您可以使用
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。请在此处查找:

请告诉我们您以前尝试过什么,或者可以添加到您的问题中的更多信息以下代码在Web应用程序中运行良好,但在使用AppFramework的移动应用程序中出现错误autoComplete方法未定义
code
$scope.complete=function(){console.log($scope.availableTags)$(“#标记”).autocomplete({source:$scope.availableTags});}<代码>代码以后,请编辑问题以包含相关代码或错误消息,而不是使用注释。在注释中发布的代码块将丢失格式并变得难以解释。根据您提供的代码,似乎您正在尝试混合angular和jquery,这不是最好的方法。