当前位置: 首页 > 面试题库 >

为什么AngularJS ng-view在本地不起作用?

章侯林
2023-03-14
问题内容

我已经工作了几个小时,以使我的链接可以通过AngularJS应用点击进入不同的视图。

但是,我似乎只能在Plunker上在线使用该功能。

我一直在尝试在本地计算机上测试点击功能,并且ng-view似乎未加载。当我下载我知道正确的Plunker代码时,因为它可以在Plunker上运行,所以ng-
view在本地托管后似乎停止工作。

我对ng-include和我定义为自己的HTML标签的指令也遇到了类似的问题。

这些在我的计算机上本地不起作用吗?(还有一种我可以出于测试目的对其进行修复的方法?)

如果愿意,您可以在此处查看我在Plunker上谈论的一些代码。


问题答案:

双方ng-viewng- include使用AJAX来加载模板。问题在于,默认情况下,浏览器不允许AJAX请求访问本地文件系统上的文件(出于安全原因)。因此,您有两个选择:

  1. 运行将为您的文件提供服务的本地Web服务器
  2. 告诉您的浏览器允许本地文件访问

如果您使用的是Mac,则fist选项非常简单,因为您有多个内置的Web服务器(httpd称为Apache
和Python模块SimpleHTTPServer)。要运行Python
SimpleHTTPServer模块,只需在文件所在的文件夹中打开控制台并运行

python -m SimpleHTTPServer 3000

然后打开浏览器并输入http://localhost:3000。而已。

如果您使用Windows,也可以。您可以安装例如Wamp并从中提供文件。

Chrome可以使用第二个选项,只需使用--allow-file-access-from- files命令行中的选项运行它,或在指向Chrome可执行文件后将其添加到快捷方式即可。

该资源对于了解如何在不同的浏览器和不同的Web服务器上本地运行事物也可能很有用。



 类似资料:
  • 问题内容: 该代码非常有用: 但是这段代码 不起作用 : 它引发此错误: ZMQError:没有这样的设备 为什么,zeromq无法使用localhost接口? 它只能在同一台计算机上的IPC上运行吗? 问题答案: 问题在于: 尝试更改为:

  • 问题内容: 我正在尝试编写一个小脚本以将当前目录更改为我的项目目录: 我将此文件另存为proj,使用添加了执行权限,然后将其复制到。当我通过以下方式调用它时 ,它什么也没做。我究竟做错了什么? 问题答案: Shell脚本在一个子Shell中运行,每个子Shell对当前目录都有自己的概念。的成功,但只要子shell退出,你是在交互式背壳和从来都没有改变,因此。 解决此问题的一种方法是改用别名:

  • 问题内容: 我正在尝试从JSON网址获取集合。骨干网确实发送了请求并得到了响应,但是在它之后的集合中没有: 这是我的JavaScript: 响应中的JSON 响应中的Content-Type HTTP标头为。 为什么不将其加载到集合中?JSON是否正确? 一些更多的代码: 问题答案: 是异步的。尝试 要么 要么

  • 问题内容: 我有三部分字符串,每个部分用 符号分隔 。例如, 现在,当我使用这样的方法拆分它时: 它包含整个字符串作为单个元素的数组。 但是当我使用这个: 它完美的作品是什么,我想这意味着 现在的数组包含,并分别对指数0,1和2。 我想知道为什么第一次使用时不起作用,因为我在使用 问题答案: 因为字符是在正则表达式中用来标记行尾的保留令牌。因此,您必须使用进行 转义。

  • 问题内容: 我现在有点困惑。我尝试过: 并得到: 但是,我想要: 我的代码有什么问题? 问题答案: 您没有将其分配给。字符串是 不可变的 。 您需要将其分配回。

  • 问题内容: 我正在尝试这样做: 第一行有效: 但是接下来的两个: 和 只是输出 为什么? 问题答案: 因为你需要加入同,只是列出了内容直接,内容不具有完整路径。 范例- 如果未提供完整路径,则在当前目录中搜索,因此当您给出时,将获得正确的列表。 范例- 假设某个文件夹-具有文件-并在其中。 当您执行-时,返回的列表类似于- 即使您在其中提供绝对路径,列表中返回的文件也将具有指向目录的相对路径。您将