Angularjs 有可能用Angular构建一个混合应用程序吗？

我构建了一个AngularJS应用程序，我希望它可以作为移动设备的混合应用程序。因此，应用程序将从文件系统本地运行

当$routeProvider获取html文件时，我会收到以下消息

这显然违反了CORS，但该文件是本地文件，正在尝试访问另一个本地文件。这不像是一个网站试图访问客户端本地文件。这是客户

我无法启动web服务器来提供本地文件，因为这将打包并部署为本地应用程序

我知道人们一直在构建混合移动应用程序。我不明白的是，他们是如何使用AngularJS的，为什么AngularJS既不提供解决方案，也不规定如何绕过CORS

我愿意接受所有建议。谢谢大家

无法加载XMLHttpRequestfile:///D:/SubversionRits/SourceCode/Verso%20-%20Mashup%20提案/MarshupSource/MashupCoreUI/core/apps/mashup/welcome/welcome.html。跨源请求仅支持协议方案：http、数据、chrome扩展、https、chrome扩展资源。VM36.js:8380

错误：未能对“XMLHttpRequest”执行“发送”：加载失败file:///D:/SubversionRits/SourceCode/Verso%20-%20Mashup%20提案/MarshupSource/MashupCoreUI/core/apps/mashup/welcome/welcome.html”

这是我的路线配置

mashupApp.config(function ($routeProvider, $httpProvider) {

    // I've tried all these with no effect.
    //$httpProvider.defaults.headers.common['Access-Control-Allow-Origin'] = '*';
    //$httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

    //$routeProvider.defaults.headers.common['Access-Control-Allow-Origin'] = '*';
    //$httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

    //$httpProvider.defaults.useXDomain = true;
    //delete $httpProvider.defaults.headers.common['X-Requested-With'];

    $routeProvider
        .when('/about', {
            templateUrl: 'apps/mashup/about/about.html',
            controller: 'aboutController',
            resolve: {
                loadMyCtrl: ['$ocLazyLoad', function ($ocLazyLoad) {
                    // you can lazy load files for an existing module
                    return $ocLazyLoad.load({
                        name: 'mashupApp',
                        files: ['apps/mashup/about/aboutController.js', 'apps/mashup/~appServices/dataService.js']
                    });
                }]
                , sessionLoad: function ($route, sessionLoad) { return sessionLoad.loadCompleted(); }
            }

        })
        .when('/', {
            templateUrl: 'apps/mashup/welcome/welcome.html',
            sessionLoad: function ($route, sessionLoad) { return sessionLoad.loadCompleted(); }
            }
        })

    ;

});

---

我不知道细节，但我很确定HabitRPG的Android应用程序使用Angular

---

我不知道细节，但我很确定HabitRPG的Android应用程序使用Angular

---

我不知道细节，但我很确定HabitRPG的Android应用程序使用Angular

---

我不知道细节，但我很确定HabitRPG的Android应用程序使用Angular

---

由于浏览器的安全设置，您无法直接访问文件，但您可以将数据等存储在本地存储中，并在应用程序脱机时使用

---

有人在这里举了一个例子

由于浏览器安全设置，您无法直接访问文件，但您可以将数据等存储在本地存储中，并在应用程序脱机时使用

---

有人在这里举了一个例子

由于浏览器安全设置，您无法直接访问文件，但您可以将数据等存储在本地存储中，并在应用程序脱机时使用

---

有人在这里举了一个例子

由于浏览器安全设置，您无法直接访问文件，但您可以将数据等存储在本地存储中，并在应用程序脱机时使用

有人在这里举了一个例子

好的，我想出来了

由于CORS的原因，从文件运行web应用程序不起作用，但当您在Intel XDK中使用Phonegap或Cordova进行打包时，一切都会起作用

我用我的应用程序创建了一个空白的Intel XDK项目，并将我的web文件复制到该项目中，而不做任何更改

一切都成功了

感谢那些提出想法和建议的人。我真的很感激

我现在明白了。好的，我明白了

由于CORS的原因，从文件运行web应用程序不起作用，但当您在Intel XDK中使用Phonegap或Cordova进行打包时，一切都会起作用

我用我的应用程序创建了一个空白的Intel XDK项目，并将我的web文件复制到该项目中，而不做任何更改

一切都成功了

感谢那些提出想法和建议的人。我真的很感激

我现在明白了。好的，我明白了

由于CORS的原因，从文件运行web应用程序不起作用，但当您在Intel XDK中使用Phonegap或Cordova进行打包时，一切都会起作用

我用我的应用程序创建了一个空白的Intel XDK项目，并将我的web文件复制到该项目中，而不做任何更改

一切都成功了

感谢那些提出想法和建议的人。我真的很感激

我现在明白了。好的，我明白了

由于CORS的原因，从文件运行web应用程序不起作用，但当您在Intel XDK中使用Phonegap或Cordova进行打包时，一切都会起作用

我用我的应用程序创建了一个空白的Intel XDK项目，并将我的web文件复制到该项目中，而不做任何更改

一切都成功了

感谢那些提出想法和建议的人。我真的很感激

---

我现在明白了这是怎么回事。

如果你想用AngularJS创建一个混合移动应用程序，你一定要签出

从爱奥尼亚网站：

天作之合。Ionic利用AngularJS创建最适合开发丰富而健壮的应用程序的框架。爱奥尼亚不仅看起来不错，而且它的核心架构是用于严肃的应用程序开发，AngularJS完美地结合在一起

---

如果你想用AngularJS创建一个混合移动应用程序，你一定要签出

从爱奥尼亚网站：

天作之合。Ionic利用AngularJS创建最适合开发丰富而健壮的应用程序的框架。爱奥尼亚不仅看起来不错，而且它的核心架构是用于严肃的应用程序开发，AngularJS完美地结合在一起

---

如果你想用AngularJS创建一个混合移动应用程序，你一定要签出

从爱奥尼亚网站：

天作之合。Ionic利用AngularJS创建最适合开发丰富而健壮的应用程序的框架。爱奥尼亚不仅看起来不错，而且它的核心架构是用于严肃的应用程序开发，AngularJS完美地结合在一起

---

如果你想用AngularJS创建一个混合移动应用程序，你一定要签出

从爱奥尼亚网站：

天作之合。Ionic利用AngularJS创建最适合开发丰富而健壮的应用程序的框架。爱奥尼亚不仅外观好看，而且它的核心架构也适用于严肃的应用程序开发