cordova – 将角度app移植到离子

cordova – 将角度app移植到离子,第1张

概述我有一个有角度的应用程序,我正在尝试移植离子框架.我查看了由初始模板生成的示例应用程序,并注意到核心角应用程序位于www文件夹下. 所以我创建了一个离子启动应用程序,并将我的角度应用程序移动到www文件夹下. ****我能够使用离子服务提供应用程序,它工作正常 但是,当我使用离子模拟时,模拟器只显示我的主页并抛出错误无法打开资产URL:file:///android_asset/views/la 我有一个有角度的应用程序,我正在尝试移植到离子框架.我查看了由初始模板生成的示例应用程序,并注意到核心角应用程序位于www文件夹下.
所以我创建了一个离子启动应用程序,并将我的角度应用程序移动到www文件夹下.

****我能够使用离子服务提供应用程序,它工作正常

但是,当我使用离子模拟时,模拟器只显示我的主页并抛出错误无法打开资产URL:file:///android_asset/vIEws/landing.HTML

那么我必须使用离子标签让我的应用程序正常工作吗?由于Ionic服务正确呈现我的应用程序,我认为它也可以在模拟器中正常工作.

这就是我的index.HTML的样子.它使用角度和自举,没有离子标签.

<!DOCTYPE HTML><HTML lang="en" data-ng-app="fhlLeads"><!-- manifest="manifest.appcache" --><head>    <Title>FHL Leads</Title>    <link rel="stylesheet" href="app/CSS/app.CSS" type="text/CSS" />    <link rel="stylesheet" href="app/CSS/base.min.CSS" type="text/CSS" />    <script type="text/JavaScript">        window.addEventListener('load',function (e) {            window.applicationCache.addEventListener('updateready',function (evt) {                if (window.applicationCache.status === window.applicationCache.UPDATEREADY) {                    console.log('cache change detected; reloading page');                    window.applicationCache.swapCache();                    window.location.reload();                }            },false);        },false);    </script></head>    <body >        <!-- Navbar -->        <div ng-include src="'vIEws/partials/navbar.HTML'"></div>        <!-- Page Content -->        <div >            <div >                <fhl-page-loading></fhl-page-loading>            </div>            <div >&nbsp;</div>            <ui-vIEw ></ui-vIEw>        </div>        <!-- Footer -->        <div ng-include src="'vIEws/partials/footer.HTML'"></div>    </body>    <script src="app/Js/base.min.Js" type="text/JavaScript"></script>    <script src="app/Js/app.Js" type="text/JavaScript"></script>

landing.HTML上

<div ><div >    <div >        <div ng-include src="'templates/partials/sync-status-panel.HTML'"></div>    </div>    <div ng-include src="'templates/partials/activity-panels.HTML'"></div></div><div >    <div ng-include src="'templates/partials/lead-grID.HTML'"></div>    <!--<section>        <!-- Page content-->    <!--<div ui-vIEw="" autoscroll="false" ></div>-->    <!--</section>--></div>

我在我的角应用程序中使用ui-route

(function() {'use strict';angular    .module('fhlLeads',[        'ui.router','ui.bootstrap','ui.mask','ui.utils','ngAnimate','ngGrID','toastr','localstorageModule','fhlConstants','fhlConfig','fhlPersist','fhlEvent'    ])    .config(configure)    .run(runBlock);configure.$inject = ['$stateProvIDer','$urlRouterProvIDer','toastrConfig','localstorageServiceProvIDer'];function configure($stateProvIDer,$urlRouterProvIDer,toastrConfig,localstorageServiceProvIDer) {    $urlRouterProvIDer.otherwise("/landing");    $stateProvIDer        .state('landing',{            url: '/landing',templateUrl: 'ClIEnt/vIEws/snapshot/landing.HTML',controller: 'LandingController',controllerAs: 'vm'        })        .state('agent',{            url: '/agent',templateUrl: 'ClIEnt/vIEws/agent/agent.HTML',controller: 'AgentController',controllerAs: 'vm'        })
解决方法 我很高兴你解决了你的问题.

只是为了分享我的经验,我注意到如果我把ui-router状态url带有前导“/”,Ionic仿真会给出与你所说的相同的错误.这在浏览器上完全正常.奇怪的是,之后我删除了所有领先的斜线,它完美无缺.

总结

以上是内存溢出为你收集整理的cordova – 将角度app移植到离子全部内容,希望文章能够帮你解决cordova – 将角度app移植到离子所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1000790.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存