Question

我是角色的新手，我试图将响应式模板转换为angularJS，我为（页眉，页脚）和视图创建了2个指令以显示每个模板的内容。幻灯片放映所在的主页模板中存在问题，因为页面完全加载但没有相机幻灯片放映。

更新这是我代码中最后一个最简单的版本

这是我的主页：

<head>

<!--CSS-->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/camera.css">
<!--JS-->
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/camera.js"></script>
<script src="js/jquery.ui.totop.js"></script>
<script type="text/javascript" src="js/jquery.mobile.customized.min.js">                          </script>

</head>
<body ng-controller="MainController">
<!--header-->
<header-dir></header-dir>
<!-- content -->
<div ng-view></div>
<!-- footer -->
<footer-dir></footer-dir>

<!-- scripts -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- SPELLS -->
<script src="js/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
<script src="app.config.js"></script>
<script src="Controllers/MainController.controller.js"></script>
</body>

app.config.js文件

var app = angular.module("levariApp", ['ngRoute']);

app.config(function($routeProvider) {
    $routeProvider
    .when('/', {
        templateUrl: 'Views/home.template.html',
        controller: 'MainController'
    });
});

和MainController.controller.js文件

angular.module("levariApp")
.controller('MainController', function($scope){

})
.directive("headerDir", function(){
    return {
        templateUrl: 'Views/header.template.html'
    };
}).directive("footerDir", function(){
    return {
        templateUrl: 'Views/footer.template.html'
    };
});

我真的不知道自己错过了什么，希望你们能帮忙

幻灯片放映不显示在角度视图上

0 个答案: