Phonegap中的Angular 2不起作用（普通javascript）

Question

I build a website with angular 2 in plain javascript and everything it's working ok in browser, but when I try to build phonegapp app or use it with Phonegap Mobile app it doesn't work. 我用简单的javascript构建了一个带有角度2的网站，并且它在浏览器中工作正常，但是当我尝试构建phonegapp应用程序或将其与Phonegap Mobile应用程序一起使用时，它无效。

In index.html I have: 在index.html我有：

<body>
        <app>Loading app...</app>



        <!-- 1. Load libraries -->
        <script src="libs/angular/2.0.0-beta.3/angular2-polyfills.js"></script>
        <script src="libs/angular/2.0.0-beta.3/Rx.umd.js"></script>
        <script src="libs/angular/2.0.0-beta.3/angular2-all.umd.js"></script>


        <!-- 2. Load our 'modules' -->
        <script src='app/services.build.js'></script>        <!-- All our services, as server comunication -->
        <script src='app/components.build.js'></script>      <!-- All the components -->
        <script src='app/app.component.js'></script>            <!-- App component, main one -->
        <script src='app/main.js'></script>                     <!-- Main -->

        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript">
            phonegapApp.initialize();
        </script>
    </body>

And on main.js I have: 在main.js我有：

var phonegapApp = {
    initialize: function() {
        this.bindEvents();
    },
    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },
    onDeviceReady: function() {
        ng.platform.browser.bootstrap(AppComponent,[
            ng.router.ROUTER_PROVIDERS,
            new ng.core.Provider(ng.router.LocationStrategy, {useClass: ng.router.HashLocationStrategy})
        ]);
    }
};

So I include ng.platform.browser.bootstrap when device is ready. 因此，当设备准备好时，我会包含ng.platform.browser.bootstrap 。 (Also tried with document.addEventListener('DOMContentLoaded', function() {...} but with same result. （也尝试使用document.addEventListener('DOMContentLoaded', function() {...}但结果相同。

All that I can see it's Loading... so <app>Loading...</app> it's not interpreted by angular. 所有我能看到它正在加载...所以<app>Loading...</app>它不是由角度解释的。

Do you have any idea what I should change to work? 你知道我应该改变什么工作吗？ Thanks. 谢谢。

Answer 1

You need to add shims to make it working on phonegap . 您需要添加shims使它工作phonegap 。 That can be either es6-shim.js / es5-shim.js 这可以是es6-shim.js / es5-shim.js

Probably that will solve your issue. 可能会解决您的问题。

Phonegap中的Angular 2不起作用（普通javascript）

问题描述

1 个解决方案

解决方案1
4 已采纳 2016-02-16 15:43:20

Phonegap中的Angular 2不起作用（普通javascript）

问题描述

1 个解决方案

解决方案1 4 已采纳 2016-02-16 15:43:20

解决方案1
4 已采纳 2016-02-16 15:43:20