快速解决AngularJS 中的 Cross origin requests are only supported for HTTP

写directive时在chrome上碰到了这个问题，写出解决方法供参考。

如果你的directive中引用过外部的html文件，像这样 templateUrl = './views/template.html'. 那么当你直接在本地打开你的html文档, file:///C:/xampp/htdocs/IsolateScope/nodepad.html , chrome就会告诉你这个错误。

先说解决方法吧，既然这个错误的原因是由于本地打开html文档，那么我们把这个文档放在HTTP服务器上不就好了。那么是不是又要去谷歌一下怎么安装Apache，安装后怎么配置呢？

既然要快速解决这个问题，那么我们就得用快一点的安装办法，所以就直接安装XAMPP吧。

现在APACHE就安装好了。

然后将你的AngularJS应用放入APACHE上就可以了。放在哪里呢？

你可以在XAMPP的安装路径下找到一个HTDOCS文件夹。就是这里了。

那么chrome上为什么会发生这个错误呢？

具体原因请参考这里。简单说来，就是在我们的应用里，任何时候都不能通过file:///这种方式去获取资源，必须通过http://. 这样可以增加我们应用的安全性。