不适用于 angularfire 教程中的示例答案

【问题标题】：Doesn't work examples from angularfire tutorial不适用于 angularfire 教程中的示例
【发布时间】：2014-02-21 15:26:56
【问题描述】：

当我尝试按照https://www.firebase.com/docs/angular/ 中所述运行页面时

    <html ng-app="sampleApp">
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
    <script src="//cdn.firebase.com/js/client/1.0.6/firebase.js"></script>
    <script src="//cdn.firebase.com/libs/angularfire/0.6.0/angularfire.min.js"></script>
    <script src="app.js"></script>
  </head>
  <body ng-controller="SampleController">
    <input type="text" ng-model="text"/>
    <h1>You said: {{text}}</h1>
  </body>
</html>

和 app.js：

 angular.module("sampleApp", ["firebase"])
  .factory("sampleService", ["$firebase", function($firebase) {
    var ref = new Firebase("https://sizzling-fire-8112.firebaseio.com/");
    return $firebase(ref);
  }])
  .controller("SampleController", ["$scope", "sampleService",
    function($scope, service) {
      service.$bind($scope, "text");
    }
  ]);

有：您在网页屏幕上说：{{text}}。我做错了什么？谢谢;)

【问题讨论】：

控制台输出什么？
我不知道如何使用控制台 :D 只需要我在大学里做项目。通过使用 api 从社交网络中获取一些人，然后做一些事情，并让其他团体使用我的系统所做的事情来操作。在寻求了一段时间后，我决定使用 angularjs，但对任何类型的 js 或某物都过于“熟悉”。所以我有点零。 :D
如果您使用的是 Chrome，请按 F12，然后转到控制台选项卡
哇，谢谢，您好，无法从 CDN 加载。走过去看看发生了什么。

标签： angularjs firebase angularfire

【解决方案1】：

我想您不是通过网络服务器打开此页面，而是直接从文件系统打开此页面。如果是这样，永远不要这样做。 AJAX、画布等可能有各种限制。

在您的示例中，您尝试使用 protocol relative URLs 加载外部脚本。
如果从文件系统打开页面，URL 将被转换为file://... 格式。

要解决这个问题，您应该使用网络服务器。如果由于某些原因无法使用，请将http: 添加到外部 URL 的开头，这样将是：

http://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js

而不是

//ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js

【讨论】：

是的，非常感谢！而且我不能给你投票，说需要最后15个声望=（
不客气 :) 当你完成 15 次重复时，你可以回到这个页面 :D