Question

我一直在尝试使用AngularJS和angular-ui-router库来实现一个示例项目，它应该默认查看home.html内容，但这不起作用，我不断获得没有home内容的“Hello World”。 html如预期的那样。

的index.html

<html>
        <head>
            <meta charset="UTF-8">
            <script src="js/libs/angular.js"></script>
            <script src="js/libs/angular-ui-router.min.js"></script>
            <script src="js/libs/angular-animate.js"></script>
            <script src="js/app.js"></script>
            <script src="js/controller/homeController.js"></script>
        </head>
        <body ng-app="myApp">
            Hello World
            <div ui-view="viewContent"></div>
        </body>
</html>

app.js

angular.module('myApp', ['ui.router', 'myApp.controllers'])
    .config(function($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('home', {
                url: "/",
                templateUrl: "html/home.html",
                controller: 'HomeCtrl',
                cache: false
            });

        $urlRouterProvider.otherwise("/");
    });

home.html的

<div id="wrapper">Home</div>

homeController.js

angular.module('myApp.controllers', ['myApp']);

angular.module('myApp.controllers')
.controller('HomeCtrl', function($scope) {

});

我在这里遗漏了什么吗？

编辑：在标记中添加了ng-app，仍然无效

使用angular-ui-router获得简单的AngularJS项目

0 个答案: