标签: ionic2

在使用Ionic Framework登录/注销后浏览清除历史记录和重新加载页面

我想知道同样的问题,但对于ionic2使用打字稿.

在登录和注销时我需要重新加载app.ts,因为有些类在构造上运行库.

它基本上会重定向到家并重新加载.

无法去除ionic-2中的动态组件.在打字稿时,它会说异常

"通用类型'ComponentRef'需要1个类型的参数".

此外,在不使用ionic2的情况下使用相同的代码.非常感谢你的帮助.提前致谢.

class DynamicCmp {
  _ref: ComponentRef;
  _idx: number;
  constructor(private resolver: ComponentResolver, private location: ViewContainerRef) { }
  remove() {
    this._ref.destroy();
  }
  add1() {
    this.resolver.resolveComponent(DynamicCmp).then((factory: ComponentFactory<any>) => {
      let ref = this.location.createComponent(factory, 0);
      ref.instance._ref = ref;
      ref.instance._idx = this._idx++;
    });
  }
}

例外:TypeScript错误:....../home/home.ts(9,11):错误TS2314:通用类型'ComponentRef'需要1个类型的参数.

我将创建一个购物应用程序ionic 2,在产品细节中,我创建了一个步进器,用于增加和减少数量值.

我的问题:如何ionic 2在我的组件中获取输入值？

我想离子标题或导航透明,所以我可以在图片上显示.但是将背景颜色设置为透明并不能解决问题.内容应该是"全屏"而不是.如果可能,内容应位于状态栏后面.

我对Typescript和Ionic 2很新,我试图通过Ionic 2搜索栏过滤json响应.

这是我的代码:

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Http} from '@angular/http';
import 'rxjs/add/operator/map';



@Component({
  templateUrl: 'build/pages/home/home.html'
})
export class HomePage {

  posts: any;
  private searchQuery: string = '';
  private items: string[];
  constructor(private http: Http) {

    this.initializeItems();

    this.http.get('https://domain.co/open.jsonp').map(res => res.json()).subscribe(data => {
        this.posts = data;
        console.log(this.posts);

    });

  }

  initializeItems() {
    this.items = this.posts;
  }

  getItems(ev: any) {
    // Reset items back to all of the items
    this.initializeItems();

    // set val to the value of the searchbar …

如何以新页面从右侧而不是从底部进入的方式修改navPush？(应该有一些参数,但我没有在离子文档中找到它们

谢谢!

当我尝试在我的应用程序中调用Ionic Cloud Deploy服务时,我在浏览器中收到以下错误消息.这种情况最近才开始发生,应用程序在真实设备上运行良好.

原因是什么？我安装了插件,它在config.xml中引用.我也尝试删除插件,删除所有平台,然后添加一切,但没有运气.在一个全新的项目中关注Ionic文档时,我甚至会看到这个错误.

Uncaught (in promise): Error: Missing deploy plugin: `ionic-plugin-deploy` Error: Missing deploy plugin: `ionic-plugin-deploy` at Object.
<anonymous> (http://localhost:8100/build/main.js:58591:17) at __webpack_require__ (http://localhost:8100/build/main.js:20:30) at Object.
<anonymous> (http://localhost:8100/build/main.js:59389:73) at __webpack_require__ (http://localhost:8100/build/main.js:20:30) at Object. 
<anonymous> (http://localhost:8100/build/main.js:57303:10) at __webpack_require__ (http://localhost:8100/build/main.js:20:30) at Object.
<anonymous> (http://localhost:8100/build/main.js:102834:79) at __webpack_require__ (http://localhost:8100/build/main.js:20:30) at Object.
<anonymous> (http://localhost:8100/build/main.js:91442:73) at __webpack_require__ (http://localhost:8100/build/main.js:20:30)

我想禁用从左上角开始打开Popover的动画.相反,我希望它在我"解散"时以相同的方式打开,这是一种整个元素的FadeOut.

我无法做到这一点.目前尚不清楚我是否可以将任何选项传递给"创建"方法.

Popover官方文件

非常感谢.

我想在Ionic的工具栏上设置选择选项，但是我无法将其对齐到中心，我已经尝试了很多方法...通过使用这些方法，我无法做到这一点，

<div text-center>
     <label class="email">
        <input type="email" placeholder="Email" name="email">
     </label>
 </div>

此方法将输入框对齐到中心，但未将选择选项对齐到中心。这是一个突击

<div text-center>
<ion-item>

              <ion-select [(ngModel)]="gaming" interface="popover">
                <ion-option selected value="empty">empty</ion-option>
                <ion-option value="n64">Nintendo64</ion-option>
                <ion-option value="ps">PlayStation</ion-option>
                <ion-option value="genesis">Sega Genesis</ion-option>
                <ion-option value="saturn">Sega Saturn</ion-option>
                <ion-option value="snes">SNES</ion-option>
              </ion-select>
            </ion-item>
</div>

结果还是一样

.item-select{
    position: initial;
    margin-left: 100px;
    width:40%;
    text-align: center;
}

这也没有影响，有人可以告诉我如何设置选择选项以在ionic中工具栏上居中吗？

我想在我的ionic3应用程序中实现App tour,如下图所示

是否有任何值得信赖的解决方案或插件适用于App tour或者为离子3和角4进行漫游？