2014-09-02 87 views
1

也许是一个愚蠢的问题,但我没有成功地将角度网站视为本地主机。 这是网站,我下载:https://github.com/kenyee/angularjs-cart霍我可以查看本地主机的角度网站

我只看到标题ANG得到错误控制台:

"XMLHttpRequest cannot load file:///C:/Users/--name--/Dropbox/angularjs-cart-master/angularjs-cart-master/ShoppingCart/partials/store.htm. Received an invalid response. Origin 'null' is therefore not allowed access. " 

感谢您的帮助!

回答

0

在localhost中查看AngularJS网站应该没有问题。 AngularJS是客户端。

编辑:我下载并检查了所有页面给你。它装载在我身边很好。请记住,既然AngularJS是客户端,你不需要服务器。而不是在本地主机上运行它(我假设XAMPP或者你正在使用的东西),只需右键单击+用浏览器打开即可。

记得首先打开主html(default.html),也许在跳入AngularJS之前阅读一些html/css/js文档!

祝你好运!

+0

谢谢..我按照你说的方式打开它(右键点击+用浏览器打开),我的错误。我无法看到该网站... – user3944498 2014-09-02 16:05:16

2

如果URL说明类似于file:/// C:/ Users/...它不在本地主机上运行..它只是作为文件打开。

它需要从“服务器”跑..

如果使用Windows添加的文件夹上IIS网站,在Mac上使用类似甲基苯丙胺..

或打开一个文件夹为您自动运行服务器的IDE(编辑器),如Visual Studio或Brackets。

如果你可以让我知道你使用我可以添加更多的信息,如果你需要它。

更新:虽然这是真的一个原始角页面是客户端,并不需要从服务器运行..如果它从本地文件系统拉其他文件。 (即脚本/ css /模板/部分),它需要在服务器上运行,因为浏览器无法访问文件系统,除非通过服务器提供文件。(出于安全原因)

+0

对不起,我的意思是只需点击default.html文件打开网站。我必须有服务器? – user3944498 2014-09-02 16:03:20

0
If You have Xampp installed on your system then put ShoppingCart folder in 
    xampp/htdocs folder` 

    After This hit the url 
    [http://localhost/ShoppingCart/#]. 
    It will work as this application on my system. 
0

您肯定需要本地服务器(Windows上的WAMP或Linux上的Lamp)才能像David Beech所建议的那样运行Angular应用程序。在我的情况下,我无法弄清楚为什么从Plunk这个简单的Angular检查表格代码无法在我的电脑上正常工作(它似乎没有引导CSS代码)。

<body ng-app="formExample"> 
 
    <div ng-controller="ExampleController"> 
 
    <form novalidate class="css-form"> 
 
    Name: <input type="text" ng-model="user.name" required /><br /> 
 
    E-mail: <input type="email" ng-model="user.email" required /><br /> 
 
    Telephone: <input type="number" ng-model="user.number" required /><br /> 
 
    <input type="submit" ng-click="update(user)" value="Save" /> 
 
    </form> 
 
</div> 
 

 
<style type="text/css"> 
 
    .css-form input.ng-invalid.ng-touched { 
 
    background-color: #FA787E; 
 
    } 
 

 
    .css-form input.ng-valid.ng-touched { 
 
    background-color: #78FA89; 
 
    } 
 
</style> 
 

 
<script> 
 
    angular.module('formExample', []) 
 
    .controller('ExampleController', ['$scope', function($scope) { 
 
     $scope.master = {}; 
 

 
     $scope.update = function(user) { 
 
     $scope.master = angular.copy(user); 
 
     }; 
 

 
     $scope.reset = function() { 
 
     $scope.user = angular.copy($scope.master); 
 
     }; 
 

 
     $scope.reset(); 
 
    }]); 
 
</script> 
 
</body>

我做了我在谷歌搜索,发现Single Page Angular App这个很好的例子,它说:你需要一些当地的环境,否则角路由将无法正常工作。我解雇了我的Wamp服务器,把代码放到了“www”目录下,然后看,角度触发的css工作得很好。

相关问题