3

我正在尝试启动一个 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 中的控制台日志也不会被触发。

更新

只是添加一些信息：

  • 控制台为空
  • 正确引用了所有脚本文件
4

1 回答 1

2

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

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

于 2014-12-23T20:49:55.477 回答