无法在本地计算机上运行简单的angular-bootstrap示例

Question

我无法运行简单的angular-bootstrap示例。它在Plunkr或JSFiddle上运行良好，但在我的机器上不是本地的。这是一个标签栏，所以我使用

public class YourService extends IntentService {
  //Required constructor
      public YourService() {
          super("YourService");
  }
      @Override
      protected void onHandleIntent(Intent intent) {
          //your code here
  }
}

请参阅此jsfiddle和此Plunker示例（两者都包含相同的代码）。它们按预期工作，向我显示带有3个选项卡的标签栏。我现在将此代码放入系统中的html文件并在本地运行，发生以下情况：

这背后的原因是什么？ firefox控制台（F12）是空的，所以应该没有错误。为什么我不能在本地运行我的网站？我需要一个像tomcat这样的额外服务器吗？如果是，为什么？我只是想快速测试一些东西，我不想只为此获得服务器，除非它确实是必要的......

PS：请注意，这些第一步确实奏效了！ http://www.w3schools.com/angular/但是只要想要试用标签栏，它就会一直失败。

Answer 1

当您使用 // 引用外部资源时（例如//ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js ），你没有指定协议。

因此，当您在本地访问文件时，它将保留 file：// 协议（例如file：//ajax.googleapis.com/ajax/libs/angularjs/1.5。 0 / angular.js ）这些资源显然不可用。

要解决此问题，您可以使用以下方法之一：

• 明确指定使用 http （例如http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js ）
• 使用html文件将外部脚本保存在目录中，然后使用相对路径（例如angular.js）