标签: ionic3

我收到此错误TypeError:无法在Subscriber.js中读取未定义的属性'run':229 并且不知道为什么 - 在离子beta 10中这个代码工作正常...在11中没有.

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

declare var io;

@Component({
  templateUrl: 'build/pages/home/home.html'
})    
export class HomePage {
    static get parameters() {
        return [NgZone];
    }

    zone: any;
    chats: any;
    chatinp: any;
    socket: any;

constructor(public navCtrl: NavController, ngzone) {
    this.zone = ngzone;
    this.chats = [];
    this.chatinp ='';
    this.socket = io('http://localhost:3000');
    this.socket.on('message', (msg) => {
        this.zone.run(() => {
            this.chats.push(msg);
        });
    });
}

send(msg) {
    if(msg != ''){
        this.socket.emit('message', msg);
    }
    this.chatinp = '';
   } …

我正在寻找类似于scrollIntoView()Ionic2中的东西,以便在我点击按钮时使用.

ion-content帮助中没有详细说明的方法.

情况:

我的Ionic 2应用程序中有一个正常工作的菜单.我需要添加一个左侧菜单.我试过但到目前为止还没有成功.这是我的尝试:

代码:

使用此代码,右侧菜单正常工作,但它不会出现在左侧菜单中.

app.html:

<ion-menu [content]="content" id="menu1">

    <ion-header>
        <ion-toolbar>
            <ion-title>Pages</ion-title>
        </ion-toolbar>
    </ion-header>

    <ion-content>
        <ion-list>
            <button ion-item *ngFor="let p of pages" (click)="openPage(p)">
                {{p.title}}
            </button>
        </ion-list>
    </ion-content>

</ion-menu>


<ion-menu [content]="content" id="menu2">

  <ion-header>
    <ion-toolbar color="danger">
      <ion-title>Menu 2</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-list>
      <button ion-item menuClose="menu2" detail-none>
        Close Menu 2
      </button>
    </ion-list>
  </ion-content>

</ion-menu>

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

app.component.ts:

constructor(
        public platform: Platform,
        public menu: MenuController
    ) {
        this.initializeApp();

        this.pages = [
            { title: 'Home', component: HomePage },
            { title: …

使用离子3页可以使用IonicPage和延迟加载IonicPageModule.问题是这些延迟加载的页面无法访问管道.

    Failed to navigate:  Template parse errors:
The pipe 'myPipe' could not be found ("")

此问题描述了该问题并提供了解决方案.我唯一关心的是提出的解决方案是它需要pipes.module在所有延迟加载的页面中导入共享模块.

什么样的恢复在angulr2中引入的一个很好的功能,即导入管道只有一次app.module.ts.

我觉得应该有通过导入共享模块更好的办法pipes.module在app.module这样所有管道将是所有页面可见.

这里是 app.module.ts

    @NgModule({
  declarations: [
    MyApp,
  ],
  imports: [
    BrowserModule,
    HttpModule,
    PipesModule,
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot()
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,

  ],
  providers: []
    })
    export class AppModule { }

我们不应该使用

PipesModule.forRoot(MyApp)

要使PipesModule所有延迟加载页面都可访问？

这是pipes.moudle.ts文件:

    @NgModule({
    declarations: [
        BreakLine,
        Hashtag,
        Translator
    ],
    imports: [

    ],
    exports: [ …

我正在开发一个带有移动设备的网络/移动应用程序,我们在上面有一个代表类别的水平滚动选项卡.在移动设备上它很好,但在网络上我需要在右侧添加2个闪光灯,在左侧添加一个闪光灯.当用户点击它们时,滚动应移动到该方向.

<ion-scroll scrollX="true">
       <ion-segment [(ngModel)]="SelectedSubCategory">
         <ion-segment-button value="" (ionSelect)="SelectSubCategory('')">
                <h6>
                   All Groups
                 </h6>
         </ion-segment-button>
         <ion-segment-button value="{{item.CategoryId}}" (ionSelect)="SelectSubCategory(item.CategoryId)" *ngFor="let item of SubCategories">
            <h6 class="subcategorytext">
                {{item.CategoryName}}
            </h6>
         </ion-segment-button>
       </ion-segment>
     </ion-scroll>

是否有可能实现这一目标？

我正在使用离子2.我需要从输入字段中删除底部的白线.这是我的addVehicle.html页面,

<form [formGroup]="addCustomerForm" (ngSubmit)="onSubmit(addCustomerForm)">
<ion-item class="ion-card">
  <ion-input type="text" placeholder="Owner Name" class="ion_input" formControlName="vehicle_cust_name" name="vehicle_cust_name"></ion-input>
  <ion-icon name="person-add" class="ion_icon" item-left small></ion-icon>
</ion-item>
<ion-item class="ion-card">
  <ion-input type="text" class="ion_input" placeholder="Vehical No" formControlName="vehicle_no" name="vehicle_no"></ion-input>
  <ion-icon name="car" class="ion_icon" item-left small></ion-icon>
</ion-item>
<ion-item class="ion-card">
  <ion-input type="text" class="ion_input" placeholder="Tel No 1" formControlName="vehicle_cust_tel1" name="vehicle_cust_tel1"></ion-input>
  <ion-icon name="call" class="ion_icon" item-left small></ion-icon>
</ion-item>
<ion-item class="ion-card">
  <ion-input type="text" class="ion_input" placeholder="Tel No 2" formControlName="vehicle_cust_tel2" name="vehicle_cust_tel2"></ion-input>
  <ion-icon name="call" class="ion_icon" item-left small></ion-icon>
</ion-item>
<ion-item class="ion-card">
  <ion-input type="text" class="ion_input" placeholder="Address" formControlName="vehicle_cust_address" name="vehicle_cust_address"></ion-input>
  <ion-icon name="navigate" class="ion_icon" item-left small></ion-icon>
</ion-item> …

很难描述这个问题,我不确定它是不是一个错误,或者我只是误解了一些离子布局,我也只在ios上测试过,所以不确定其他平台,所以我们走了:

我正在使用离子3.19,ios 11.2

如果内容<ionic-content>比屏幕更大(垂直),那么如果我向上滚动(导致过度滚动)或向下滚动(也导致过度滚动)就在我停止触摸它的那一刻 - 内容跳转到视图的顶部,这真的很难来描述,这里是重现的方法:启动新的离子选项卡项目.将15个左右的<ion-card>文本添加到任何选项卡中,例如home.html如下所示:

    <ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
</ion-content>

(只是为了确保内容大于屏幕),在iphone(ionic cordova start ios --device)上运行,向下滚动一点,然后快速向上滚动并将手指从屏幕上移开,同时它仍在向上滚动

有没有人遇到过这个？我已经打了好几天了,起初我认为它与我的风格有关,但它可以用纯离子特征再现

我只使用启动离子选项卡项目,仅更改home.html,所有scss都处于初始离子状态

如何使用不同的按钮弹出离子选择？

<ion-select [(ngModel)]="choices" multiple="true">
        <ion-option>Appliances</ion-option>
        <ion-option>Automobile</ion-option>
        <ion-option>Cellphones</ion-option>
        <ion-option>Clothing</ion-option>
        <ion-option>Computers</ion-option>
        <ion-option>Electronics</ion-option>
        <ion-option>Toys</ion-option>
</ion-select>

我将Cordova和Ionic Native插件安装到ionic3项目中.

但我需要完全从项目中删除特定的Cordova和Ionic Native插件.(具有依赖性npm).

有没有正确的方法呢？

感谢您的任何帮助.

谢谢!

我在离子3中生成构建后出现上述错误我已经尝试了很多解决方案但没有工作告诉我,任何人,如何修复上述错误？下面我必须包含//项目属性文件.我尝试过以下解决方案,但对我不起作用:

1. Android:更新到新版本的gradle后出现"Manifest merger failed"错误
2. https://forum.ionicframework.com/t/solved-ionic-run-android-com-android-support-conflicting-v26-alpha1-and-v25-3-1/91826/19

//Project-properties file
target=android-26
android.library.reference.1=CordovaLib
cordova.system.library.1=com.razorpay:checkout:1.4.6
cordova.system.library.2=com.android.support:support-v4:24.1.1+
cordova.system.library.3=com.google.firebase:firebase-core:+
cordova.system.library.4=com.google.firebase:firebase-messaging:+
cordova.gradle.include.1=cordova-plugin-fcm/app-FCMPlugin.gradle
cordova.system.library.5=com.android.support:support-v4:25.+
cordova.system.library.6=com.android.support:appcompat-v7:25.+
cordova.system.library.7=com.android.support:support-v4:24.1.1+
cordova.gradle.include.2=phonegap-plugin-barcodescanner/app-barcodescanner.gradle
cordova.system.library.8=com.squareup.okhttp3:okhttp:3+