Question

我正在尝试启动angularjs项目，但由于某种原因，我似乎无法正确启动它。我可能会盲目地看到这种错误。这是代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebUX</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body ng-app="webux">
    <section class="sidebar">
        <nav class="page-nav">
            <ul>
                <li><a href="#/home" class="home"></a></li>
                <li><a href="#/about" class="about"></a></li>
                <li><a href="#/contact" class="contact"></a></li>
            </ul>
        </nav>
    </section>

    <section class="content">
        <div class="slide" ng-view></div>
    </section>

    <script type="application/javascript" src="js/lib/angular.min.js"></script>
    <script type="application/javascript" src="js/lib/angular-route.js"></script>
    <script type="application/javascript" src="js/main.js"></script>
</body>
</html>

和javascript：

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

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);

    $routeProvider.when('/', {
        templateUrl: 'partials/home.html',
        controller: 'HomeCtrl'
    });
}]);

app.controller('HomeCtrl', function($scope) {
    console.log($scope);
});

HomeCtrl中的控制台登录也不会被触发。

更新

只是添加一些信息：

控制台为空
所有脚本文件都已正确引用

Answer 1

好的，非常感谢你帮助我，但是我找到了解决方案。正如您在我的代码示例中所看到的，我使用<div class="slide" ng-view></div>来指定应该呈现视图的位置。在我检查了元素几次后，我发现铬剥离了那个空的属性。

<div class="slide" data-ng-view确实有效（注意'数据 - '）。

AngularJS应用程序无法启动

1 个答案: