Question

我是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的呼叫顺序与我找到的大多数示例相同。

AngularJS Kendo Autocomplete不会在页面上加载

0 个答案: