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

AngularJS编写没有服务器的应用程序

卜弘文
2023-03-14
问题内容

我正在尝试编写AngularJS客户端专用应用程序。
我以为我也许可以通过在地址栏中输入以下内容从chrome加载它:file:/// C:/path/to/project//index.html我也尝试过用
–allow-file标志调用chrome从文件访问

不幸的是,什么都没有发生-只是选项卡名称上的繁忙标志正在起作用。
为什么不加载我的应用程序?

我正在使用以下代码:

index.html:

<!doctype html>
<html ng-app="app">
<head>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular-route.js"></script>
    <script src="app.js"></script>
    <title></title>
</head>
<body style="background-color: white;">
<h1>Index</h1>
<a id="link" href="/login">Go to login</a>
<ng-view></ng-view>
</body>
</html>

app.js:

angular.module('app', ['ngRoute']).
   config(function($routeProvider) {
        $routeProvider.
            when('/', {controller: HomeCtrl, templateUrl: 'app.html'}).
            when('/login', {controller: LoginCtrl, templateUrl: 'login.html', resolve: function() {}}).
            otherwise({redirectTo:'/'});
    });

function HomeCtrl($scope) {
    $scope.numbers = [1,2,3,4,5];
}

function LoginCtrl($scope) {

}

app.html:

<div ng-controller="HomeCtrl">
    <ul ng-repeat="number in numbers" >
        <li>{{number}}</li>
    </ul>
</div>

编辑:

2种可能的解决方案:

  1. 关闭所有Chrome实例,然后从命令行运行:
    “ C:\ Program Files(x86)\ Google \ Chrome \ Application \ chrome.exe” –allow-
    file-access-from-files –allow-file-access

  2. 运行不受此限制的Firefox(如@GeekBoy所述)


问题答案:

据我所知,谷歌浏览器不允许从文件系统运行javascript。但是我做了一个快速的谷歌搜索,发现了这一点。可能有用的
链接

在另一面,您可以使用Firefox。据我所知,Firefox没有这样的限制



 类似资料:
  • 问题内容: 我想为瘦客户端开发html5 SPA应用程序。无法在其上启动任何Web服务器。如果没有Web服务器,我将无法使路由工作。 我的index.html 我的app.js 我正在Chrome的计算机上本地测试此代码。数据绑定的工作原理很吸引人,但无法链接到登录页面。它通向{X}:\ login。所以我的问题是:是否可以使其与Web服务器一起使用?其次,我想完成它所缺少的是什么? 问题答案:

  • 我有一个问题,我用套接字构建了服务器部分和客户机,没有收到任何错误。当我在浏览器中键入本地地址时,它会在cmd中显示信息,但当我在emulator或mobile中运行Android应用程序时,它不会连接到服务器。 我使用的权限: 服务器代码: Main Activity.java是: 请引导我。

  • 问题内容: 是否有任何Java库允许构建没有任何应用程序服务器框架的简单独立Web服务服务器? 问题答案: Java 6包含JAX-WS,这使得在独立应用程序中托管Web服务非常容易:

  • 问题内容: 我是整个javascript全栈应用程序的新手,并且对Angular来说是新手,所以我希望有人可以在这里为我提供记录。 为什么在使用AngularJS编写客户端应用程序时需要使用Jade或Handlebars之类的模板框架。 我应该说,我也从未使用过任何这些模板框架。因此,我完全不了解这些优势。但是,例如,当我看一下Handlebars时,它完成了许多与我在Angular中所做的相同的

  • 创建一个 HTTP 服务器 最简单的方法来创建一个 HTTP 服务器,所有选项使用默认的。如下所示: HttpServer server = vertx.createHttpServer(); 配置 HTTP 服务器 如果你不想使用默认值,创建服务器时可以通过传入一个HttpServerOptions实例配置: HttpServerOptions options = new HttpServerO

  • 创建 TCP 服务器 使用最简单的方法来创建一个 TCP 服务器,使用所有默认选项如下所示: NetServer server = vertx.createNetServer(); 配置 TCP 服务器 如果你不想默认值,可以将服务器配置通过传入一个NetServerOptions实例来创建它: NetServerOptions options = new NetServerOptions().s