无法在本地计算机上获得简单的 angular-bootstrap 示例 运行
Can't get a simple angular-bootstrap example running on local machine
我无法 运行 一个简单的 angular-bootstrap 示例。它 运行 在 Plunkr 或 JSFiddle 上很好,但在我的机器上不是本地的。它是关于标签栏的,所以我使用
<uib-tabset>
<uib-tab>
...
</uib-tab>
</uib-tabset>
查看此 jsfiddle and this Plunker 示例(均包含相同的代码)。它们按预期工作,向我展示了一个包含 3 个选项卡的选项卡栏。我现在是否将此代码放入我系统上的 html 文件中并 运行 在本地存储它,会发生以下情况:
这背后的原因是什么? firefox控制台(F12)是空的,所以应该没有错误。为什么我不能在本地 运行 我的网站?为此,我是否需要像 tomcat 这样的额外服务器?如果是,为什么?我只是想真正快速地测试一些东西,我不想只为此获得服务器,除非确实有必要...
PS:请注意,这些第一步确实奏效了!
http://www.w3schools.com/angular/ 但是一旦想尝试标签栏,它总是失败。
当您使用 // 引用外部资源时(例如 //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)
我无法 运行 一个简单的 angular-bootstrap 示例。它 运行 在 Plunkr 或 JSFiddle 上很好,但在我的机器上不是本地的。它是关于标签栏的,所以我使用
<uib-tabset>
<uib-tab>
...
</uib-tab>
</uib-tabset>
查看此 jsfiddle and this Plunker 示例(均包含相同的代码)。它们按预期工作,向我展示了一个包含 3 个选项卡的选项卡栏。我现在是否将此代码放入我系统上的 html 文件中并 运行 在本地存储它,会发生以下情况:
这背后的原因是什么? firefox控制台(F12)是空的,所以应该没有错误。为什么我不能在本地 运行 我的网站?为此,我是否需要像 tomcat 这样的额外服务器?如果是,为什么?我只是想真正快速地测试一些东西,我不想只为此获得服务器,除非确实有必要...
PS:请注意,这些第一步确实奏效了! http://www.w3schools.com/angular/ 但是一旦想尝试标签栏,它总是失败。
当您使用 // 引用外部资源时(例如 //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)