gpt4 book ai didi

javascript - Phonegap 中的 Angular 2 不起作用(纯 JavaScript)

转载 作者:太空狗 更新时间:2023-10-29 17:52:55 27 4
gpt4 key购买 nike

我用纯 javascript 构建了一个带有 angular 2 的网站,它在浏览器中一切正常,但是当我尝试构建 phonegapp 应用程序或将它与 Phonegap Mobile 应用程序一起使用时,它不起作用。

在 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>

在 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})
]);
}
};

所以我包括ng.platform.browser.bootstrap当设备准备就绪时。 (也尝试使用 document.addEventListener('DOMContentLoaded', function() {...},但结果相同。

所有我能看到的正在加载... 所以 <app>Loading...</app>它不是由 Angular 解释的。

你知道我应该改变什么才能工作吗?谢谢。

最佳答案

您需要添加 shims 以使其在 phonegap 上工作。这可以是 es6-shim.js/es5-shim.js

这可能会解决您的问题。

关于javascript - Phonegap 中的 Angular 2 不起作用(纯 JavaScript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35436047/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com