开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular route不能与Cordova iOS一起使用

Angular route是Angular框架中用于实现单页面应用的路由模块。它允许开发者通过定义路由配置来管理不同页面之间的导航和展示。

Cordova是一个用于开发跨平台移动应用的框架，它允许开发者使用HTML、CSS和JavaScript来构建应用，并通过Cordova提供的API访问设备功能。

由于Cordova是基于WebView的，而WebView在iOS平台上有一些限制，其中之一就是不支持Angular的路由模块。这是因为在iOS中，WebView的导航行为与Angular的路由模块存在冲突，导致路由无法正常工作。

解决这个问题的一种方法是使用Ionic框架，它是基于Angular和Cordova的混合应用开发框架。Ionic提供了自己的导航模块，可以与Cordova iOS一起使用，以实现跨平台的移动应用开发。

另一种方法是使用Angular的HashLocationStrategy，它使用URL中的哈希值来模拟路由。这种方式可以绕过iOS中WebView的限制，但会在URL中添加哈希值，不够美观。

综上所述，如果要在Cordova iOS中使用Angular route，可以考虑使用Ionic框架或者Angular的HashLocationStrategy。以下是相关产品和文档链接：

Ionic框架：Ionic是一个基于Angular和Cordova的混合应用开发框架，它提供了自己的导航模块，可以与Cordova iOS一起使用。详细信息请参考：Ionic官网
Angular的HashLocationStrategy：Angular提供了HashLocationStrategy来模拟路由，可以绕过iOS中WebView的限制。详细信息请参考：Angular官方文档

相关搜索:引导转盘不能与angular一起使用 Monaco不能与angular 7一起使用公共锁定不能与Almofire一起使用iOS Web小部件不能与iOS设备上的Apache Cordova应用程序一起使用 Ajax方法不能与Angular路由一起使用 Angular watch不能与controllerAs语法一起使用 Flutter json_serializable 5.0.0不能与auto_route一起使用 Firebase动态链接不能与测试IOS一起使用引导转盘不能与angular6一起使用 Angular Search查询不能与高级搜索一起使用 Angular Carousal不能与ng-repeat一起使用 reportProgress Angular不能与Web API AspNet一起使用？CORS在chrome中不能与Angular 2一起使用 Angular 8模板不能与ng- routerLinkActive一起使用为什么AlertifyJS确认不能与Angular 8一起使用 bxslider在angular 6中不能与*ngFor一起使用为什么在angular中ng-show和ng-hide不能与$route一起工作？在Xamarin的iOS 13中，BarTintColor不能与PrefersLargeTitles一起使用 SassPlugin不能与带有Fusebox的Angular应用程序一起使用 Bootstrap 4 Carousel指示器不能与Angular 7一起使用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

IonicHybrid跨终端应用程序开发方案研究

和ionic $npm install -g cordova ionic 或者下载github上项目代码进行构建(不推荐) 安装java JDK jdk是Java运行开发环境，按android开发必须的开发的环境...classpath C:/apache-ant-1.8.1/lib 测试方法：java -version 安装Apache ant Apache Ant,是一个将软件编译、测试、部署等步骤联系在一起加以自动化的一个工具...这里用到的的是用于android签名证书等打包(android开发过程中ide使用gradle配置打包，早期都是用的ant打包，这里使用的方法比较原始) http://ant.apache.org/bindownload.cgi...配置移动平台 $ ionic platform add ios $ ionic platform add android $ ionic build android/ios $ ionic emulator...4.angular与组件化 ionic使用了angular作为基础开发库，并用组件化的方案来管理自己的一套前端库，主要用到angular，angular-ui，iconfont，svg等前端技术知识，这里不一一展开了

2.2K8 0

IonicHybrid跨终端应用程序开发方案研究

和ionic $npm install -g cordova ionic 或者下载github上项目代码进行构建(不推荐) 安装java JDK jdk是Java运行开发环境，按android开发必须的开发的环境...classpath C:/apache-ant-1.8.1/lib 测试方法：java -version 安装Apache ant Apache Ant,是一个将软件编译、测试、部署等步骤联系在一起加以自动化的一个工具...这里用到的的是用于android签名证书等打包(android开发过程中ide使用gradle配置打包，早期都是用的ant打包，这里使用的方法比较原始) http://ant.apache.org/bindownload.cgi...配置移动平台 $ ionic platform add ios $ ionic platform add android $ ionic build android/ios $ ionic emulator...4.angular与组件化 ionic使用了angular作为基础开发库，并用组件化的方案来管理自己的一套前端库，主要用到angular，angular-ui，iconfont，svg等前端技术知识，这里不一一展开了

1.6K1 0

Ionic3 开发流程

简单介绍自己使用Ionic3开发的过程，涉及到的知识点如下： Angular Ionic Cordova ES6 TypeScript Scss 环境搭建引用插件调试 Android...打包 Android签名 IOS打包 Angular Angular4，资源整理：https://angular.cn/ 模块使用 @NgModule 注解声明一个模块，模块中可以包含一些组件、...Ionic提供了一系列的组件给我们使用，使用（基于flex）实现响应式布局。...资源整理：http://cordova.axuer.com/ 在实际开发中，也就是在需要使用到摸个插件的时候才去看一下该插件对应的api。...打包比较麻烦，涉及到一系列IOS证书，关键是还要开发者账号，要钱。

1.9K3 0

移动端app开发，框架的选择。

Mobile Angular UI Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。...AngularJS modules，比如 angular-route, angular-touch 和 angular-animate 响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西...Beta版兼容Android和iOS，Android上的开发人员还可以使用一些专为Android定制的主题。 3.增强的触摸事件。...PhoneGap PhoneGap 恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的 Cordova 商业版本。...框架我最后选择ionic ,ionic集成cordova，在ionic中的ngcordova 可以对原生设备的调用。

3.5K1 0

构建具有用户身份认证的 Ionic 应用

它使用 Angular 和 Apache Cordova ，可以用 HTML、CSS、和 JavaScript 来开发移动应用。...Cordova 和 PhoneGap 允许你使用一套代码开发多个平台的应用 (比如 Android 和 iOS) 。除此之外，应用程序和原生程序相差无尽并且和原生体验一样好。...确保打开 Xcode 完成安装，然后运行 ionic cordova emulate ios 在模拟器中打开应用。可能会提示你安装 @ionic/cli-plugin-cordova 插件。...ionic cordova emulate ios 现在可以点击 "Login with Okta" 按钮，然后输入合法的凭证进行登录。...npm install -g ios-deploy ionic cordova run ios 如果你之前没有为应用程序设置代码签名，则此命令可能会失败。

23.8K0 0

Ionic3学习笔记（十三）HttpClient 实现 HTTP 请求以及踩过的一些坑

猫眼API 当然是基于这篇古老的文章啦 ==> http://www.jianshu.com/p/9855610eb1d4 因为是2015年的文章，已经时隔2年多，很难确保API仍可使用，所以我亲自进行了抓包...坑3: WKWebView 问题 emmm… 真机调试的时候，Android 端木有问题，显示正常，而 iOS 端啥都不显示，不知道问题出在哪里（我怀疑是 WKWebView 的 CORS 问题，求评论...首先卸载 Ionic WebView 插件 ionic cordova plugin remove cordova cordova-plugin-ionic-webview --save ionic...cordova platform rm ios ionic cordova platform add ios ionic cordova build ios --prod 然后 config.xml...更多 Angular - HttpClient Angular - API - HttpClient Ionic - WKWebView

2.9K1 0

构建具有用户身份认证的 Ionic 应用

它使用 Angular 和 Apache Cordova ，可以用 HTML、CSS、和 JavaScript 来开发移动应用。...Cordova 和 PhoneGap 允许你使用一套代码开发多个平台的应用 (比如 Android 和 iOS) 。除此之外，应用程序和原生程序相差无尽并且和原生体验一样好。...确保打开 Xcode 完成安装，然后运行 ionic cordova emulate ios 在模拟器中打开应用。可能会提示你安装 @ionic/cli-plugin-cordova 插件。...ionic cordova emulate ios 现在可以点击 "Login with Okta" 按钮，然后输入合法的凭证进行登录。...npm install -g ios-deploy ionic cordova run ios 如果你之前没有为应用程序设置代码签名，则此命令可能会失败。

23.2K5 0

Ionic3 拍照上传

本文主要介绍使用cordova实现拍照上传，走通 “拍照》预览》上传》下载 ”这个流程。...环境准备安装 cordova-plugin-camera 插件该插件用于调用设备摄像，cordova-plugin-camera 这是比较新版本的插件，老版本的插件是这个：‘org.apache.cordova.camera...’，不过官方已经不推荐使用了。...File Transfer 插件提供上传和下载文件的方法，使用上很便利 ionic cordova plugin add cordova-plugin-file-transfer npm install...} from 'ionic-angular'; import { HttpModule } from '@angular/http'; import { StatusBar } from '@ionic-native

1K3 0

2018年Web开发人员应该学习的12个框架

1）Angular 2+ 这是另一个JavaScript框架，它在我2018年要学习的东西列表中。它提供了一个完全客户端的解决方案。你可以使用AngularJS在客户端创建动态网页。...传统上，JavaScript被用作客户端脚本语言，它与HTML一起用于在客户端提供动态行为。它在Web浏览器上运行，但Node.js允许你在服务器端运行JavaScript。...Web开发世界分为Angular和React，由您自己选择。大多数时候，它取决于环境; 例如，如果你正在使用基于React的项目，那么显然，你需要学习React。...10）Cordova Apache Cordova是最初由Nitobi创建的另一个移动应用程序开发框架。...如果你想在2018年学习Cordova，那么请查看Build iOS和Angular和Cordova。

5.5K4 0

【开发指南】（一）Ionic3开发环境配置常规ionic的环境搭建如下：

里可以查看版本和相关依赖(也可以项目目录敲npm list ionic-angular)。...五、安装cordova——混合式应用必须，web版可选 npm install -g cordova 与ionic-cli一样，其实也是cordova-cli，用于管理cordova...cordova build的，是把www目录打包为原生应用，而ionic cordova build，是先执行基于ionic配置的一系列编译压缩打包命令把src源码生成www目录，再执行cordova...七、（JDK & android SDK）／xCode——可选，前者android，后者ios 一般直接下载，也可以安装android studio来实现SDK下载管理（为了方便调试android...其中，window不能开发ios，如果要开发和调试ios，要装苹果系统（Mac、黑苹果、虚拟机等等），而苹果系统基本可以开发各个平台。

2K3 0

SNS项目笔记--项目启动

得到的健硕性的更新，angular却减少了自己的体积，正所谓：“ionic吃好了，angular减肥了”于是我们也可以抛弃以前的一些坑，直接进入流畅性的操作了。...1.1.1、创建项目 npm install -g ionic cordova 下载必要的ionic 组件与cordova打包依赖 ionic start demo --v3 创建3版本的ionic项目...platform add android / ios 这里老玩家得注意了，与原命令相比较ionic platform add android / ios新添加了带有cordova命令，这加完依赖后如果是...Android可以直接进行build ionic cordova build android了。...IOS打包其实在build后就可以用xcode打开文件目录：demo/platforms/ios/这样便可以直接使用Xcode进行熟练的打包操作了。

2.9K2 0

基于React-Native0.55.4的语音识别项目全栈方案

即使需要使用的API都存在，也不一定能用，这一点和PC端是有很大区别的，国内的手机系统虽然都是基于Android,但几乎都会经过各大厂商的定制，功能与原版Android系统并不是完全一致的，在考察技术方案的时候一定要确认用...结论： Android8.0支持，Android支持度不佳，不建议使用。...理由：既然原生webview功能被阉割，那么可以利用这个小型黑科技来把一个功能更强大的浏览器内核跟自己的应用打包在一起，笔者3年前在cordova2.0-3.0版本流行的年代使用过这个技术，好处是的确可以扩展...结论：不建议使用，有那个精力真不如去研究一下可靠的hybrid方案。 2.3 Cordova/ionic ?...+angular这个技术组合的，拥有清新且设计感极强的UI组件，非常值得尝试。

3.7K3 0

Ionic4与Ionic3部分比较

其实，Ionic2和Ionic3的差别不大，而ionic4则变化比较大了，它支持angular、vue、react或其它任意js框架，甚至不使用js框架，它更像一个纯粹UI库。...ionic start myApp tabs --type=angular ionic start myApp blank --type=ionic1 其中，创建使用原生功能的项目，除了Cordova...Ionic过去使用的典型Push/Pop风格导航仍然可用，您甚至可以直接通过Ionic的Web组件使用这种导航方式，但推荐的方法是使用Angular Router。...); 也可以使用原有Ionic方式管控堆栈： this.navCtrl.goForward('/route'); this.navCtrl.goBack('/route'); this.navCtrl.goRoot...Angular在这方面有点特殊，由于Ionic / Angular过去已经紧密集成，因此Ionic特定的Push/Pop导航已经存在并且正在被其应用程序中的人们使用。

7K1 0

【初探IONIC】不会Native可不可以开发APP？

前言 Hybrid技术流行已经有一段日子了，楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开，Hybrid已经是大大提升开发效率的开发方式了，但是仍然需要至少一个IOS与Andriod，那么可不可以只使用...PS：很多时候一些朋友也会说到phoneGap，其实phoneGap就是指cordova 其实cordova与Hybrid是一致的，只不过Hybrid中的IOS和Andriod Webview容器是我们...Native团队做Hybrid Webview容器壳，一些创业团队或者刚起步的移动团队会使用Cordova试水。...PS：Cordova最适合的场景是前端接外包！！！ ? 整个架构的话依旧跳不出这张图，基础应用使用H5开发，Native提供接口，交互会有一个phone gap bridge层。...如果有心做Ionic应用，IOS&Andriod环境都是需要安装的，可能还需要使用eclipse，这里各位看看文档吧，这里不多说。

2.4K8 0

Mobile first! Wijmo 5 + Ionic Framework之：Hello World！

Apache Cordova：Ionic使用Apache Cordova编译为mobile App，并提供了ngCordova库--使用AngularJs扩展的Cordova API库。...Ionic框架目前依然是beta阶段(截止本文完稿时间，最新版：v1.0.0-beta.12 "krypton-koala" · 2014-09-10 · MIT Licensed )，当前版本支持iOS6...系统必备本教程会使用到下面的环境，请预先准备。...Git Node.js Bower Apache Cordova 在本教程中，我们使用Chrome用于开发、调试，同时，你也可以在Android和IOS设备上用其他浏览器来调试。.../wijmo.angular.min.js"> <!

2.2K6 0

几个跨平台移动App开发方案框架比较

官网 | Github | Hello World 使用 Famo.us 创建高性能移动 UI 参考资料 Cordova中文文档创建第一个App（英文）利用 Cordova+Famous 创建高性能跨平台...技术要求 HTML + CSS + AngularJS 优点基于 Cordova 漂亮的界面，追求性能，专注原生，免费开源 Angular JS MVVM 开发理念，数据双向绑定继承自 Cordova...，可以使用 Cordova 的插件缺点 Angular JS 学习路线陡峭 Ionic 框架相比于原生的 Cordova 有所差异，Cordova 某些官方插件可能不适用于Ionic AppCan 概述...由于Xamarin可直接产生各平台之原生App应用程序，相较于其他跨平台方案，藉由Xamarin所开发出来的App应用程序，更能发挥出各行动平台的功能与特性，且具有最佳的执行效能。...如上图这样，UI的渲染是很频繁的，要使UI不卡顿，必须达到60Fps。但是桥接会花一定的时间。所以这样的架构有时候会有性能问题。

7.8K2 0

使用Ionic3创建原生app系统入门

image.png 尝试使用cordova安装android插件还是出错。一周了也没有解决。网上查了无数资料，尝试未能解决问题。暂且放一放。或许后面就解决了呢。...目前遇到问题就是cordova platform add android指令过不去，无法添加android环境，就无法生成android的apk安装包，ios也是一样问题，但是不影响web访问。...使用同事的电脑尝试，无需安装java环境和android环境这一步是能通过的。我们来看下ionic项目文件 ?...和我们的angular项目很相似小结 ionic框架使我们构建手机网站更加便捷，提供强大的ui组件库。 cordova帮助我们把webapp转换成真正的app，提供手机原生接口的插件。...核心是angular开发知识。需要后台提供api接口。

2K4 0

Ionic vs React Native: 移动开发哪家强？

软件供应商定制协议为Apache Cordova。该框架的主要目标是开发混合软件，其接口和性能将尽可能接近本地解决方案。Ionic基于CSS，HTML5，Sass和Angular 1.x。...到2016年，Drifty Co.发布了基于Angular 2.x的第二版Ionic-Ionic 2。...该框架还有大量的便宜插件（价格不超过20 cu），开发人员无需使用第三方解决方案。如果你无法准确找到你需要的东西，可以看看 Cordova 插件 - 它们可以与基于该框架的软件完美地结合在一起。...Android iOS 4.0 Mb 17.9 Mb 16.35 Mb 4.6 Мб Ionic 和 RN 都支持 Android 和 iOS 平台的软件开发。...正如你所看到的，最合适的选择是Android开发中使用Ionic 2 和 iOS系统中使用React Native。选择哪个框架？我们很难做出决定，因为两者都有各自的优点。

5.1K5 0

【开发指南】（六）Ionic3从目录结构理解开发

首先，我们主要的工作目录是src目录，开发的90%以上的工作量都集中在这个目录上，在里面就是用angular2或以上的技术去书写html模版、样式和脚本（有面向对象开发经验的很容易上手），开发完成后通过...在一些需要原生的需求目的，或者基于性能要求的目的，ionic提供了很方便调用原生（利用Cordova）的使用接口，包含配置和扩展，那就是第一张图里其它目录的角色（黑色粗体为重要项）： hooks：cordova...$ ionic cordova platform ls > cordova platform ls Installed platforms: ios 4.4.0 Available platforms...、ios等平台图标、启动屏资源，在此目录下的资源通过下述命令会把资源按分辨率生成到原生项目目录中，省却自己逐个调整分辨率及拷贝的繁琐工作: ionic cordova resources 或只针对单个平台的...上述说的是ionic3的开发结构及其理解，现在要说的是最重要的文件夹src——angular2及以上的开发结构理解，主要为八项： app：入口文件夹； app -app.component.ts：入口页的业务逻辑

2.8K1 0

ionic 中 cordova-plugin-inappbrowser组件的使用

前言在上一篇文章中（使用Ionic3创建原生app系统入门）介绍了如何使用ionic构建一个Android app 项目,并生成apk安装包。...ionic3中开发，基本和angular开发类似，只要了解一点angular开发知识便可以很容易上手。简单介绍下主要的开发工作就是在pages文件夹下，看名字也知道是什么意思了。...项目结构 cordova-plugin-inappbrowser组件使用这个组件看名字，大致应该知道是调用app内置浏览器的。在我们的app中要嵌入第三方应用的时候需要使用。...官方 https://ionicframework.com/docs/native/in-app-browser/ 安装cordova-plugin-inappbrowser ionic cordova...="let item of app.items" (click)="itemSelected(item)"> {{ item.name }} <ion-icon name="<em>ios</em>-arrow-forward

2.3K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭