似乎无法加载AngularJS CDN?

时间:2017-11-17 20:19:24

标签: javascript angularjs cdn

所以我正在按照Udemy教程学习AngularJS(1)这就是我的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="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
        <!-- load angular via CDN -->
        <script src="//code.angularjs.org/1.3.0-rc.1/angular.min.js"></script>
        <script src="app.js"></script>
    </head>
    <body>
    <div class="container">
        <div ng-controller="mainController">
           <h1>Hello world!</h1>                
        </div>            
    </div>
</html>

和我的app.js文件:

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

myApp.controller('mainController', function($scope) {
    console.log($scope);
});

我正在尝试控制$scope,但我收到以下错误:

  

GET file:/// Users / carlosgrijalva / Code / Angular / Code-The-Scope-&gt; Service / Starter / code.angularjs.org / 1.3.0-rc.1 / angular.min.js&gt;净:: ERR_FILE_NOT_FOUND

cdn链接似乎在我的浏览器上工作正常,这基本上是教程提供的模板。我无法弄清楚它什么不起作用。有人有什么想法吗?

1 个答案:

答案 0 :(得分:1)

尝试将脚本标记更新为:

<script src="https://code.angularjs.org/1.3.0-rc.1/angular.min.js"></script>

如果你只提供forwardslashes,javascript将开始查看你自己的文件路径。