标签: ionic2

我正在使用离子2.

我有一个数组值.

我需要带有自动完成功能的输入文本.

我使用离子2设计了应用程序.我不想在我的应用程序中使用闪屏.那么,如何删除它？

我是角度2和离子的新手,所以我会尽量缩短它:

 <ion-card class="acc-page-card" *ngFor="let account of accounts">
   <ion-card-content>
    <!-- Add card content here! -->
    <ion-item (click)="GoTo('AccountPage')">
        <div class="acc-img" item-left>
            <img src="{{account.img}}" alt="">
        </div>
        <div class="acc-details">
            <span class="name">{{account.title}}</span>
            <span class="title">{{account.link}}</span>
        </div>
        <div class="acc-icons" item-right>
            <i *ngIf="valueFromArray" class="icomoon-Add-user-icon"></i>
            <i *ngIf="valueFromArray" class="icomoon-Favorites-icon"></i>
        </div>
    </ion-item>
  </ion-card-content>

</ion-card>

其中'valueFromArray'是我想要从数组得到的值我循环尝试:

<i *ngIf="{{account.isFriend}}" class="icomoon-Add-user-icon active-icon"></i>

这是错的.所以,如何使用数组中的值我在这样的情况下循环？对不起,我的英语不好 .

嗨,我是Ionic的新手2.可以帮助告诉我如何在Ionic 2的项目中添加背景图像(特别是下面的一个)？

我正在使用Ionic文档中指定的Native Storage插件,但是当我在设备或模拟器上部署时,我得到一个白色屏幕.在将其连接到chrome> Remote Devices> Inspect后进一步检查时.在控制台中我得到此错误 错误错误:没有NativeStorage的提供程序!

有什么指针吗？请帮忙

下面是我的错误日志:

NativeStorage!
    at Error (native)
    at injectionError (file:///android_asset/www/build/main.js:1509:86)
    at noProviderError (file:///android_asset/www/build/main.js:1547:12)
    at ReflectiveInjector_._throwOrNull (file:///android_asset/www/build/main.js:3048:19)
    at ReflectiveInjector_._getByKeyDefault (file:///android_asset/www/build/main.js:3087:25)
    at ReflectiveInjector_._getByKey (file:///android_asset/www/build/main.js:3019:25)
    at ReflectiveInjector_.get (file:///android_asset/www/build/main.js:2888:21)
    at NgModuleInjector.get (file:///android_asset/www/build/main.js:3835:52)
    at resolveDep (file:///android_asset/www/build/main.js:11202:45)
    at createClass (file:///android_asset/www/build/main.js:11071:32)View_MyApp_Host_0 @ ng:///AppModule/MyApp_Host.ngfactory.js:6

这是我的版本信息:

cordova CLI: 6.5.0
Ionic Framework Version: 3.2.1
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.3.7
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.10.0
Xcode …

我正在使用ionic2.

这是我的模板

<ion-slides autoplay="5000" loop="true" speed="500" pager="true">

    <ion-slide   class="slider1">
            <h1>My <span>Neighbours</span></h1>
            <p>My Neighbours is a directory of people who live in the building and have chosen to</p>

            <div class="homepeople">
                <div class="home"></div>
                <div class="people"></div>
            </div>
        </ion-slide>

        <ion-slide class="slider2">
            <h1>CCTV <span>Monitoring</span></h1>
            <p>Residents/Managers can view selected CCTV</p>
            <div class="iconholder">
                <img src="./assets/images/white CCTV Monitoring.svg" alt="Image">
            </div>
        </ion-slide>

        <ion-slide class="slider3">
            <h1>Emergency</h1>
            <p>Security / Reception / Police / Ambulance / Fire</p>
            <div class="iconholder">
                <div class="iconholder-blk">
                   <img src="./assets/images/white emergency icon.svg" alt="Image">
                </div>
                <div class="iconholder-blk">
                    <img src="./assets/images/white Alarm.svg" …

我有一个输入文本,在离子页脚内有两个按钮.一个按钮附加到表单提交.但是,如果我点击另一个按钮,它也会触发提交按钮.

代码如下:

<ion-footer padding>
    <form [formGroup]="chatForm" (ngSubmit)="sendChatMessage()">
        <button ion-button (click)="listenForSpeech()" clear><ion-icon name="microphone" isActive={{microphoneActive}} style="zoom:1.0;"></ion-icon></button>
        <ion-input type="text" #sendInput formControlName="messageInput" placeholder="start typing..."></ion-input>
        <ion-buttons end>
            <button ion-button clear type="submit" [disabled]="chatForm.controls['messageInput'].value === ''"><ion-icon name="ios-send" style="zoom:2.0;"></ion-icon></button>
        </ion-buttons>
    </form>
</ion-footer>

所以在这种情况下如果我点击麦克风按钮,我也会看到sendChatMessage()被激活.

现在,我正在使用文档中描述的方法展开我的数据.但是,文档说明:

AngularFire2默认情况下会解压缩Firebase DataSnapshot,但您可以通过指定preserveSnapshot选项将数据作为原始快照获取.

如何在item不手动解包数据快照的情况下访问"默认"解包功能(读取:访问元素)？

我的Firebase数据如下所示:

{
  testObj : {
    firstName: "beckah",
    lastName: "s"
  }
}

我的代码(有效)是:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { AngularFireDatabase, FirebaseObjectObservable } from 'angularfire2/database';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  item: FirebaseObjectObservable<any>;
  constructor( public navCtrl: NavController,
              public db: AngularFireDatabase ) {
    this.item = db.object('/testObj', { preserveSnapshot: true });
    this.item.subscribe(snapshot => {
      console.log(snapshot.val())
    });
  }
}

哪个输出

Object {firstName: "beckah", lastName: …

我在ionic2中使用Sqlite进行编码,但我接受此错误"无法打开数据库cordova_not_available".我怎么解决这个问题

Thanx寻求帮助.

我的错误(无法打开数据库cordova_not_available)

我的守则;

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { SQLite, SQLiteObject } from '@ionic-native/sqlite';
import { TabsPage } from '../pages/tabs/tabs';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage:any = TabsPage;

  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {



    platform.ready().then(() => {
      statusBar.styleDefault();
      splashScreen.hide();


       let db = new SQLite();
       db.create({
                name: "iothook.db",
                location: "default"
            }).then((db1:SQLiteObject) => {
                db1.executeSql("CREATE TABLE IF …

我有一个包含2个数组的对象数据（照片和注释来自服务器），我想用* ngFor显示它们，但是ngFor仅显示数组类型。

这是我的Ts文件：

this.comments=[];
// ...
  .subscribe((data) => {
    this.comments= data.comments;
    console.log("data: ", data);
    this.commentPhoto = data.Photo; 
    // I don't want to create another array 
    // I want to make commentPhoto and comments array in 1 Array to show them.

HMTL

<ion-row *ngFor="let cm of comments">

  <ion-col col-2 style="border:1px solid grey;">
    <img src="{{cm.photo}}" style="width:45px;height:45px;">
  </ion-col>

  <ion-col col-10 style="border:1px solid grey;">
    {{cm}}
  </ion-col>
</ion-row>

我该如何在1阵列数据照片中做到这一点 谢谢。