Question

这是我的控制器部分，我在初始化kendo指令。我有一个单页面应用程序。

var app = angular.module("amazonfresh", ["ngRoute","kendo.directives"]);
app.config(function ($routeProvider, $locationProvider) {
$routeProvider.when("/index", {
    templateUrl: "partials/login.html",
    controller: "AuthController"
}).when("/customers/signup", {
    templateUrl: "partials/customers/signup.html",
    controller: "CustomersController"
}).otherwise({redirectTo: "/index"});

$locationProvider.html5Mode(true);
});

app.controller("MyCtrl", function($scope){

});

HTML内容。我希望个人，一般信用卡信息显示为使用kendo的标签，但在此显示为子弹。

<div class="demo-section k-content">
<div ng-controller="MyCtrl">
            <div kendo-tab-strip k-content-urls="[ null, null]">
                <ul>
                    <li class="k-state-active">Personal Information</li>
                    <li>Genreal Information</li>
                    <li>Credit Card Information</li>
                </ul>
            </div>
        </div>
    </div>

//主index.html文件。这有一个带有ng-view指令的div标签。当我启动应用程序时，kendo指令不起作用。有人可以帮我吗。我是新手。

<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<!--Scripts-->
<script src="/javascripts/vendor/angular-1.5.3.js"></script>
<script src="/javascripts/vendor/angular-route.js"></script>
<script src="/javascripts/app.js"></script>

<!-- Scripts for authentication-->
<script src="/javascripts/services/AuthService.js"></script>
<script src="/javascripts/controllers/AuthController.js"></script>

<!-- Scripts for customers -->
<script src="/javascripts/controllers/customersController.js"></script>

<!-- Other scripts -->
<script src="https://code.jquery.com/jquery-2.2.3.min.js"
        integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script>
<!--<script data-main="/javascripts/main.js" src="/javascripts/vendor/require-2.2.0.js"></script>-->

<!-- Stylesheets -->
<link rel='stylesheet' href='/stylesheets/style.css'/>
<link rel="shortcut icon" href="https://cdn1.iconfinder.com/data/icons/smallicons-logotypes/32/amazon-16.png"/>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.rtl.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.silver.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.mobile.all.min.css"/>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.412/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.412/styles/kendo.material.min.css" />

<script src="//kendo.cdn.telerik.com/2016.1.412/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.1.412/js/angular.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.1.412/js/kendo.all.min.js">  </script>
<base href="/">

<body ng-app="amazonfresh">
<div id="nav">
<div class="innerpadding">
        <li id="logo"><a href="#">
            <img src="https://images-na.ssl-images-amazon.com/images/G/01/omaha/images/ui/af-logo-white-trans3.png"
                 alt="AmazonFresh Home"/>
        </a>
    </li>
</div>
</div>
<div class="main-content" ng-view>

</div>
</body>
</html>

Kendo指令不起作用

0 个答案: