AngularJS 次观看被注释掉

Question

我想在 angularjs 中使用 ng-view。我在一个文件夹中创建了 3 html 个文件。其中两个 "view1.html" 和 "view2.html" 是必须在 ng-view 中加载的页面。第三个文件是我的主文件，其中包含如下 angularjs 代码：

<head>
<meta charset="utf-8" />
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.js"></script>
<script>
    var angularModule = angular.module('demoApp', ['ngRoute']);

    angularModule.config(['$routeProvider',
        function ($routeProvider) {
            $routeProvider
            .when("/viewq", { controller: "testController", templateUrl: "/view1.html" })
            .when('/vieww', { controller: 'testController', templateUrl: '/View2.html' })
            .otherwise({ redirectTo: '/viewq' });
        }]);

    angularModule.controller('testController', function ($scope) {
        $scope.systemData = [{ name: "Test", city: "Frankfort" },
            { name: "John", city: "New york" },
            { name: "Mike", city: "London" }
        ];

    });

</script>

<body>
   <div ng-app="demoApp">
      <div ng-view></div>
   </div>
</body>

问题是 ng-view 被注释掉了，所以我没有加载 html 个文件。

注意：我收到此错误： XMLHttpRequest 无法加载 file:///C:/AngularJS/view1.html。仅协议方案支持跨源请求：http、data、chrome、chrome-extension、https、chrome-extension-resource.

是不是说没有托管就不能写ng-view了？如果是这样的话，谁能给我一个参考？

Answer 1

要使用 ng-view，您可能会想要使用服务器，否则您很可能会遇到 faced.However 的跨源请求问题，如果真的想使用本地文件系统，您可以在 chrome 中禁用同源策略（尽管我不确定这是否有效，我什至不推荐它）：Disable same origin policy in Chrome

这里提到另一种替代方法：

我个人不会这样做，建议您使用某种服务器。您甚至不需要使用任何服务器功能。只是运行实际页面。我通常只是运行内置 PHP 服务器（即使我没有使用任何 PHP 文件），尽管像 Node 和 Apache 这样的东西可以正常工作。

http://php.net/manual/en/features.commandline.webserver.php

AngularJS 次观看被注释掉

AngularJS ng-view commented out

javascript

angularjs

angularjs-directive