有没有办法确定离子2页何时满载？当所有页面html都已加载时,我需要在页面中插入一些html.理想情况下,我希望在我的@page类中有一个函数,该函数在页面加载时运行.
目前我正在将包含藤蔓的iframe插入div容器中.我正在体验,当在运行iOS 9的iPhone 5上运行应用程序时,有一些奇特的行为,其中同一个藤蔓有时会对容器进行调整,有时却不会.我猜这可能是由于时间问题(藤蔓iframe的来源是作为http请求的一部分收到的).
我是这些技术的新手,请原谅我,如果我的一些问题没有意义!
我必须为我的公司开发Web应用程序和移动应用程序.我正在考虑Ionic 2,因为它使用Angular 2,我想在我使用angular 2构建的web-app和使用Ionic 2的移动应用程序之间共享代码,因为它们几乎可以做同样的事情.
我该怎么办？我想保持应用程序的逻辑相同,我只想修改一些关于UI的东西.谢谢!
我在Ionic 2中创建了一个按钮,如下所示:
<button secondary block round padding style="text-align : left;">
<ion-icon ios="ios-key" md="md-key"></ion-icon>
Login
</button>
我试图将按钮文本对齐到左侧,但它不会到那里.有没有可用于实现这一目标？
这是我第一次尝试使用离子2.但我已经遇到了困难.但我正在努力.所以在我开始一个新项目之后,我继续看看如何使用click事件.我在网上搜索和阅读.但仍然没有得到适当的答案.
所以我在按钮点击事件上使用了这个代码.
<button myitem (click)='openFilters()'>CLICK</button>
我的.ts文件如下所示.
import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
@Component({
templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
constructor(private navCtrl: NavController) {
openFilters() {
console.log('crap');
}
}
}
我事件尝试添加selector: 'myitem',到@component部分.
我正在开发一个ionic2项目,我需要创建一个新的自定义JSON配置文件.我发现了一些教程来创建一个并通过http.get访问它,但我认为通过get请求调用它是很奇怪的.我希望它在根文件夹(所有配置JSON都是)中,我直接打开/读取文件.
我不知道是否可能,甚至推荐？这就是为什么我在这里张贴有一些意见和解决方案:)
谢谢
我正在设置计算其他两个ngModel的输入值,这似乎工作正常.但是,如果我检查我的ngModel,它根本不会改变.让我演示给你看:
<ion-item>
<ion-label>Total price: {{product.totalPrice}}</ion-label>
<ion-input
type="number"
[value]="product.quantity * product.price"
[(ngModel)]="product.totalPrice"
[ngModelOptions]="{ standalone: true }"></ion-input>
</ion-item>
所以这里{{product.totalPrice}}显示初始值,这很好.如果我手动更改输入,更改将反映在表达式上,这也没关系.但是这个输入将是只读的,它将由changin另外两个输入设置.当我更改它们时,我看到输入上的值正在更新,但不是标签中的表达式.那有什么不对？
这真的很奇怪,因为输入GETS UPDATED中的值,而不是表达式{{product.totalPrice}},我想这个值正在更新,因为其他字段是,但这些值更改从未实际触及ngModel
顺便说一下,我正在使用Ionic 2
现在我有了离子3.0.0的最新版本.我的ionic version:3.0.0.
我的ionic info:
global packages:
@ionic/cli-utils : 1.0.0
Ionic CLI : 3.0.0
System:
Node : v7.3.0
OS : macOS Sierra
Xcode : Xcode 8.3.2 Build version 8E2002
ios-deploy : 1.9.0
ios-sim : 5.0.13
现在我有两个问题.我搜索过,但无法弄清楚.如果有人可以回答.对我这样的许多新人来说会很有帮助.
所以,
1.现在我有离子3.0.0.然后,如果我想在离子v2中打开项目.我会给`离子启动newapp blank --v2或(--ts_)'.我将使用一些在离子3.0.0中更新的插件.会不会有用？或者我需要为离子版本3创建一个单独的项目？
3.0.0.现在我做的是:ionic start newapp blank --v1然后我将我的旧项目www文件夹复制到此newapp,我替换它.
我的问题是.我仍然可以使用角度js1来编码这个项目.虽然make ionic release意味着我想把它放在我的应用程序商店中.是否会出现任何问题.因为我已经创建了这个项目--v1.
如果是,当我创建一个新项目时,ionic start newapp blank --v1它会问我Link this app to your Ionic Dashboard to use …
我想从使用Ionic3,Cordova和Angular4开发的应用程序中获取Android设备语言.
我怎么才能得到它？
我正在尝试使用以下代码进行订阅,但它不起作用.
import { Platform } from 'ionic-angular';
@Page({
templateUrl: 'build/pages/test.html',
})
export class Test{
constructor(private platform: Platform) {
this.platform.pause.subscribe(() => {
console.log('paused')
});
}
}
我正在使用Ionic 2和TypeScript,Angular 2.正如platform.pauseIonic 2提供的EventEmitter,我想它应该可以订阅.但是,当我将应用程序放到后台时,console.log('pause')不会被解雇.
我应该添加Platform到提供商或类似的东西？另外,this.platform不是null.this.platform.ready().then(()=>{console.log('ready')})工作得很好.
情况:
在我的Ionic 2应用程序中,我需要将菜单按钮分为两行:图标和文本.
问题是,离子按钮指令以某种方式迫使按钮在一条线上.
我需要使用ion-button指令来确保按钮始终具有正确的格式和响应位置.我只需要两个按钮就可以了.
这是我尝试的html和css:
HTML:
<ion-header>
<ion-navbar>
<button ion-button menuToggle="left" start>
<ion-icon name="menu"></ion-icon>
<br />
<p class="menuSubTitle">MENU</p>
</button>
<ion-title>
HomePage
</ion-title>
<button ion-button menuToggle="right" end>
<ion-icon name="person"></ion-icon>
<br />
<p lass="menuSubTitle">LOGIN</p>
</button>
</ion-navbar>
</ion-header>
CSS:
.menuSubTitle {
font-size: 0.6em;
float:left;
display: block;
clear: both;
}
问题:
如何在两条线上制作离子按钮？
谢谢!