标签: ionic2

我想OAuthComponent在我的GettingStartedPage组件中显示一个.在OAuthComponent当提供给我的浏览器没有显示出来.没有错误.

OAuthComponent.ts

import {Page, NavController} from 'ionic/ionic';
import {Component} from 'angular2/angular2'

@Component({
    templateUrl: "app/authentication/components/oauth-component.html",
    selector: "oauth-component"
})
export class OAuthComponent {

    private nav: NavController;

    constructor(nav: NavController) {
        this.nav = nav;
    }
}

oauth-component.html

<h1>
    Testing Something
</h1>

GettingStartedPage.ts

import {Page, NavController} from 'ionic/ionic';
import {OAuthComponent} from "../authentication/components/OAuthComponent";
import "./getting-started.scss";

@Page({
    templateUrl: 'app/getting-started/getting-started.html',
    directives: [OAuthComponent]
})
export class GettingStartedPage {

    private nav: NavController;

    constructor(nav: NavController) {
        this.nav = nav;
    }
}

getting-started.html

<ion-navbar *navbar>
    <a …

任何人都知道如何从ionic2中的后历史(或导航堆栈)中删除视图？

在Ionic 1中,我解决了这个问题

this.$ionicHistory.nextViewOptions({
  disableAnimate: true, 
  disableBack: true
});

例如,在执行成功登录后从历史记录中完全删除应用程序的登录页面将非常有用.

在这种情况下,只是没有显示后退按钮是不够的,因为Android终端在设备上有自己的物理后退按钮.

我尝试了,在我的登录功能返回成功的承诺之后,在推送堆栈中的下一页之前:

this.navController.pop();

要么

this.navController.remove(this.viewCtrl.index);

但不幸的是两个都没有成功:(

我正在通过我的Android手机部署调试版本ionic run android.

如何查看console.log邮件？

我正在尝试更改图标时单击按钮显示隐藏的内容我需要更改上下箭头图标

<button clear text-center (click)="toggle()">
 <ion-icon name="arrow-dropdown-circle"></ion-icon>
 </button>

<ion-col [hidden]="!visible" class="accountBalance animated slideInUp">
       <ion-list>
          <ion-item>
            <h3>limit</h3>
                <ion-note item-right>
                    <h2>&#x20B9; 55000.00</h2>
                </ion-note>
          </ion-item>
<ion-list></ion-col>

file.ts

visible = false;
  toggle() {
   this.visible = !this.visible;
  }

我有一个项目,我想使用这种类型的登录:

我已经正确设置了一个模态,我可以毫无问题地解雇它,但我的问题是它需要整个页面,而我只是希望它像图片一样.

我不知道如何在css文件中选择所有页面,已经尝试过*但它对html文件中的内容搞得太多了.

先感谢您 !

编辑:

打开模态的页面上的代码:

  showLogin() {
let modal = this.modalCtrl.create(LoginPage);
// this.navCtrl.push(modal);
modal.present();
}

模态代码:HTML:

<ion-navbar class="modal-wrapper" *navbar>
  <ion-title>Sample Modal</ion-title>
</ion-navbar>
<ion-content padding class="sample-modal-page">
  <p>my sample modal page<p>
     <ion-buttons start>
        <button (click)="dismiss()">
          Cancel
        </button>
      </ion-buttons>
</ion-content>

CSS:

page-login {
    .modal-wrapper {
        padding: 30px;
        background: rgba(0,0,0,0.5);
    }
}

TS:

import { Component } from '@angular/core';
import { NavController, NavParams, ViewController } from 'ionic-angular';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html'
})
export class LoginPage {

  constructor(public navCtrl: NavController, public navParams: …

我已经安装了模板Ionic 2应用程序并想要添加NPM包 bonjour

在我的组件中安装并包含这样的包之后:

var Bonjour = require('bonjour');
var bonjour = new Bonjour();

该应用程序将无法运行说明'找不到模块dgram'

该应用程序同时安装了bonjour包和bonjour类型.

问题

应用程序找不到位于@ types/node文件中的模块dgram.该项目正在运行TS 2.4.2 ,不需要任何对@types的引用,这应该自动获取.

我试过了什么

我尝试以多种方式包含@types文件夹,方法是在ts.config.json文件中设置typeroots或types.这并没有改变任何事情.

我尝试指定类型:

"types": ["node", "bonjour"]

我尝试重新安装所有节点模块并清除缓存

我尝试在require语句上面的组件中包含一个引用路径:

/// <reference path="node_modules/@types/node/index.d.ts" />

var Bonjour = require('bonjour');
var bonjour = new Bonjour();

这一切都没有帮助.有关如何使我的应用程序正确加载此模块的任何想法？

我正在iPhone 7上使用Ionic 3和iOS 11.当我运行我的应用程序,并填写一些文本/输入字段(基本形式)时,应用程序会冻结几秒钟而变得完全没有响应(这不好,不要说至少).我注意到Xcode中出现了这个错误,也许这就是问题所在.有没有其他人遇到类似的错误？

API错误:<_UIKBCompatInputView:0x13fd1d7c0; frame =(0 0; 0 0); layer =>返回0宽度,假设UIViewNoIntrinsicMetric

开发我的离子应用程序时，我不断收到以下错误。这是后端不允许的授权标头。

尝试过的解决方案：

• 我在这里使用 chrome cors 插件： https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi ?hl=en

• 以及启动 chrome 禁用网络安全，如下所示

打开 -a Google\ Chrome --args --disable-web-security --user-data-dir

• 按照这篇文章设置离子代理：/sf/answers/2930428231/

但我仍然无法绕过cors检查，错误仍然存​​在。需要一些帮助。

我正在尝试在离子无线电元素上实现ngModel但不知何故它不起作用.这是我的代码:

HTML

<ion-list radio-group>
    <ion-list-header>
        Unit
    </ion-list-header>

    <ion-item>
        <ion-label>Metric (kg)</ion-label>
        <ion-radio value="1" [(ngModel)]="unit"></ion-radio>
    </ion-item>

    <ion-item>
        <ion-label>Imperial (lbs)</ion-label>
        <ion-radio value="2" [(ngModel)]="unit"></ion-radio>
    </ion-item>
</ion-list>

使用Javascript

import {Page} from 'ionic-angular';

@Page({
    templateUrl: 'build/pages/settings/settings.html'
})

export class Settings {
    constructor() {
        this.unit = 2;
    }
}

我已经尝试在离子输入和离子选择上实现它,这只是工作正常.我也尝试添加directives: [FORM_DIRECTIVES]到我的@Page并添加相应的导入,但这不能解决问题.

有任何想法吗？

构造函数,ionViewDidLoad和ngOnInit方法之间有什么区别.在每种情况下哪些行动是适当的.