0

我是 Angular 新手，在加载 Kendo 自动完成控件时遇到问题 我有一个 app.js 文件和一个名为 main.html 的 html 视图，但我无法获得显示 Kendo 自动完成的下拉菜单。

HTML 代码：

<div id="example" ng-app="KendoDemos">            
<div class="demo-section k-content" ng-controller="idocCtrl">       
                 <label >Location</label>
                 Locations: {{carsLocations}}
                <!--<input type="text" data-ng-model="carslocationstest">-->
                    <input kendo-auto-complete ng-model="Cars" k-options="options"          style="width:200px;background-color:coral;">
                    <p>Your selection: {{ Cars }}</p>
 </div>
 </div>

JS代码

var idocCtrl = ['$scope', '$route', '$upload', '$http', '$location', '$filter', '$interval', '$timeout', function( $scope, $route, $upload, $http, $location , $filter, $interval, $timeout) {
/* Scope Properties */
$scope.selectedSIS = '';
$scope.TEST1 ='';

$scope.carsLocations=[
    {"Name": "The Art Institues of Pittsburgh", "Id": "005"},
    {"Name": "The Art Institues of Atlanta", "Id": "004"},
    {"Name": "The Art Institues of Chicago", "Id": "001"},
    {"Name": "The Art Institues of New York", "Id": "002"},
    {"Name": "The Art Institues of Miami", "Id": "003"}

我可以将 scope.carsLocation 显示在屏幕上，但下拉菜单不会加载这些项目。

我还验证了我的 css 和 js 的调用顺序与我发现的大多数示例的顺序相同。

4

0 回答 0