控制台日志没有显示简单的$ scope

时间:2016-03-30 20:38:51

标签: javascript angularjs console.log

我的控制台没有显示角度代码下面的简单日志。

我在Firefox中收到304 Not Modified错误。

我的HTML定义并使用了myApp和mainController。

var myApp = angular.module('myApp', []);

myApp.controller('mainController', function($scope) {

    $scope.name = 'Name';
    console.log($scope.name);

});

这里有什么想法?

编辑 - 这是HTML代码:

<!DOCTYPE html>
<html lang="en-us" ng-app="myApp">
    <head>
        <title>Learn and Understand AngularJS</title>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
        <meta charset="UTF-8">

        <!-- load bootstrap and fontawesome via CDN -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
        <style>
            html, body, input, select, textarea
            {
                font-size: 1.05em;
            }
        </style>

        <!-- load angular via CDN -->
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
        <script src="app.js"></script>
    </head>
    <body>

        <header>
            <nav class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="/">AngularJS</a>
                </div>

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
                </ul>
            </div>
            </nav>
        </header>

        <div class="container">

            <div ng-controller="mainController">

                <h1>Hello world!</h1>

            </div>

        </div>

    </body>
</html>

1 个答案:

答案 0 :(得分:0)

您的console.log语句是否始终在您的代码中?或者你刚刚添加了它?

如果是前者,那么我不确定发生了什么。遗憾。

如果是后者,那么听起来Firefox正在加载不包含console.log语句的文件的缓存版本。事实上,HTTP状态代码为304 Not Modified的响应不是错误。服务器告诉浏览器所请求的资源没有更改,因此您可以加载缓存副本。

尝试清除Firefox的缓存,或使用Ctrl + shift + RCmd + shift + R重新加载以覆盖缓存中的文件。

希望这有帮助。