我最近从Ionic 2升级到了Ionic 3,我创建了components.module.ts文件并声明并导出了我拥有的每个自定义组件,然后在我拥有的每个页面模块中导入了这个单个文件.
所以现在问题是我不能在我自己的组件中使用ion-*组件,因为我没有导入IonicModule.forRoot(..)我的components.module里面.
错误是:
"模板解析错误:'ion-spinner'不是已知元素......"
我究竟做错了什么？
当试着跑
ionic run android --device
我收到模块错误:
Error: Cannot find module 'android-versions'
版本:
java -version
java version "1.8.0_144"
Android studio Version 2.3.3
ionic -v
2.2.1
cordova -v
6.5.0
有谁知道我在哪里可以找到所有可用的Ionic 2启动模板？目前我知道ionic提供教程(似乎是v1中sidemenu的替代品),tabs,默认为空白.
我可以使用任何自定义模板ionic start [xx] tempName吗？
更新:目前(2017年2月27日),离子团队又添加了教程模板,他们还添加了一个名为super的新模板(包括登录,注册).
我想确保只在我使用设备(iOs,Android ...)时启动inappbrowser,但如果我在浏览器(本地开发模式或只是带有gulp构建的Web应用程序),我想要链接到目标="_空白"的页面.
我正在尝试将Ionic 2代码重用为Web App.所以当我构建应用程序时,它也可以在浏览器桌面上运行.所以platform.ready()对我来说还不够.因为我需要知道用户是否在桌面浏览器上,我可以做一些不同的事情.
我需要在我的angular 2项目中使用这个JS库
这个问题可能与我重复,但没有答案对我有用
我试图在我的index.html页面中将库作为脚本标记包含在内
它总是看不到它http:// localhost:8100/PrayTimes.js文件不存在
我也在上面写了这段代码
declare var PrayTimes:any;
我试图在我的构造函数中使用它,但我收到此错误
PrayTimes未定义
在Ionic 1中,我们可以定义一个<ion-nav-bar>上面的a <ion-nav-view>,它作为整个应用程序的通用导航栏,我们可以在每个视图的基础上关闭它(使用ionNavView's hideNavBar=true|false.
它出现在Ionic 2中我们必须插入<ion-nav-bar>每页 - 并且不能为整个应用程序提供全局导航栏.这是正确的,还是我错过了一招？
如果是这样 - 似乎有很多重复的代码？
此外,看起来你没有能力让NavBar构建自己的后退按钮,你必须自己为后退按钮编写自己的标记(每页),这似乎是很多代码重复.
我有一个Angular 2应用程序包裹在Ionic 2.我正在使用<ion-tabs>,并在每个选项卡中是一个<ion-content>.此区域中的内容需要可滚动,但Ionic 2添加了一个我不想显示的滚动条.似乎在编译时,<ion-content>有一个<scroll-content>注入其中.我不想要这种行为.
我曾尝试过许多以前在Ionic 1中工作的解决方案,但它们在Ionic 2中不起作用:
scroll="false"在<ion-content>scrollbar-y="false"在<ion-content>overflow-scroll="false"在<ion-content>在css中设置以下内容:
.scroll-bar-indicator
{
display: none;
}
等等...
设置以下内容实际上可以删除滚动条,但我宁愿不劫持浏览器行为,也会从<ion-content>标签内部的内容中删除滚动条,这是我不想要的.
::-webkit-scrollbar,
*::-webkit-scrollbar {
display: none;
}
出于某种原因,我的一些图像被预先添加'unsafe:',这导致它们不被渲染.
问)为什么会发生这种情况以及如何解决这个问题 - 这个Angular 2是白色的还是Ionic 2的奇怪？
例如
<p><img src="unsafe:data:image/jpeg;base64,/9.....
<p><img src="data:image/jpeg;base64,/9.....
图像没有问题(见这里),请参见此处的plunkr
第二个图像是从Ionic 2渲染的,第一个我手动删除前缀以显示它很好.
我zooming="true"在标签内添加了但是当页面加载时我无法缩放以增加或减少视图.我还设置webkitallowfullscreen mozallowfullscreen allowfullscreen缩放页面以适应设备屏幕但没有任何改变,页面仍然被剪切.
为了更好地解释这个概念,我采用Android原生应用程序.现在,如果您想从Web加载页面,则使用a WebView,结果就像使用iframeon一样Ionic.但在Android上,事情变得更简单:
webview.getSettings().setBuiltInZoomControls(true);
启用捏合缩放,和
webview.getSettings().setUseWideViewPort(true);
根据(移动)屏幕的大小来适应和缩放网页.现在,使用Windows 10它我不可能建立native iOS apps所以我必须依靠cross-platform development.
这里是我的detail-page:
html:
<ion-content>
<iframe sandbox class="link" frameborder="0" [src]="webPage()" zooming="true" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</ion-content>
scss:
detail-page {
.scroll-content{
padding: 0px ;
}
::-webkit-scrollbar,
*::-webkit-scrollbar {
display: none;
}
iframe.link {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
}
ts:
webPage() {
return this.sanitizer.bypassSecurityTrustResourceUrl(this.entry.getElementsByTagName('link')[0].textContent);
} …我将使用哪一个来初始化数据？
ngOnInit() {
this.type = 'category';
this.getData();
this.setData();
}
ionViewDidLoad() {
this.type = 'category';
this.getData();
this.setData();
}