标签: ionic2

最近Ionic发布了Ionic Framework的RC0,我很兴奋.但是我使用了时间 - 时区,它产生了一个错误.

我像这样安装了时刻和时刻 - 时区:

npm install --save moment moment-timezone

typings install --save --global dt~moment dt~moment-timezone

然后我导入时刻和tz像这样:

import moment from 'moment';
import 'moment-timezone';

当我跑步时ionic build我得到错误:

Property 'tz' does not exist on type 'typeof moment'.

我的ionic info结果是:

Cordova CLI: 6.3.1
Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-rc.0
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
ios-deploy version: 1.8.6
ios-sim version: 5.0.8
OS: Mac OS X El Capitan …

我将Ionic2与SQLite结合使用，我有以下几点：

应用程序

  private createDatabase(): void {
    let db: SQLite = new SQLite();
    db.openDatabase({
      name: "data.db",
      location: "default"
    }).then(() => {
      db.executeSql("CREATE TABLE IF NOT EXISTS chats (_id TEXT PRIMARY KEY, memberIds TEXT, title TEXT, subTitle TEXT, picture TEXT, lastMessageId TEXT, lastMessageCreatedAt DATE)", {}).then((chatData) => {
        console.log("chats TABLE CREATED: ", chatData);
        db.executeSql("CREATE TABLE IF NOT EXISTS messages (_id TEXT PRIMARY KEY, chatId TEXT, senderId TEXT, ownership TEXT, content TEXT, createdAt DATE, changeDate BOOLEAN, readByReceiver BOOLEAN)", {}).then((messageData) => {
          console.log("messages …

我正在构建一个离子2 rc0应用程序.我的rootPage取决于在启动App之前必须加载的一些配置.我在应用程序上使用了一个名为Config的提供程序.在构建主页组件之前,如何延迟/等待加载配置.我需要Home的构造函数中的配置.是吗？像离子的预加载模块那样的情况？

那甚至是那样的任务的最佳位置吗？

我的配置模块使用

http.get(../assets/config/config.json) .toPromise() .then(res => this.data = res);

将json文件本地加载到我的Config提供程序的数据对象中.我在app.component.ts中的代码激活一个函数config.loadDefault()来从应用程序的config.json文件加载这些默认设置.....

app.components.ts

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from 'ionic-native';

import { Home } from '../pages/home/home';
import { Config } from '../providers/config/config';

@Component({
  template: `<ion-nav [root]="rootPage"></ion-nav>`
})
export class LoddenApp {

  public rootPage = Home;

  constructor(
    public platform : Platform,
    public config   : Config
  ){
    // loading config
    config.loadDefault()
      .then(data => …

我有一个包含菜单的离子2应用程序,每次我从菜单中选择一个项目时应该更新主页面,因为我在我的程序main.ts中写了一个函数,它将想要的结果作为列表返回,并且app.component.ts我必须调用它要执行的功能..

我该怎么办？

谢谢 !

我可以使用disable属性禁用ion-select,如下所示:

<ion-item>       
      <ion-label stacked>Property Type</ion-label>
          <ion-select [(ngModel)]="propType" (ionChange)="ionChanger()" disabled="true" >
              <ion-option value="{{ptype}}" *ngFor="let ptype of PropTypeArray">{{ptype}}</ion-option>                 
          </ion-select>
  </ion-item>

如何禁用typescript文件？我尝试了以下命令,但没有运气

在我的类型脚本文件中

  disableSelector:boolean

    constructor(){
       this.disableSelector = true;
    }

这是在html文件中

disabled = "disableSelector"

完全不能工作

最好的Rgds,青蛙

情况

我设置了一个空白的应用程序.已安装@ionic/cloud-angular和导入provideCloud.

但是我收到以下错误:

cloud-angular has no exported member 'provideCloud' 

(我对ionicBootstrap有类似的错误)

步骤:

1. 离子启动whateva空白--v2

2. npm install @ ionic/cloud-angular --save

3. 离子io init

4. 导入提供Cloud

代码:

import { provideCloud, CloudSettings } from '@ionic/cloud-angular';
import { ionicBootstrap, Platform } from 'ionic-angular';

离子信息:

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.2
Ionic CLI Version: 2.1.8
Ionic App Lib Version: 2.1.4
Ionic App Scripts Version: 0.0.44
ios-deploy version: 1.9.0
ios-sim version: 5.0.11
OS: OS X El Capitan
Node Version: v4.6.0
Xcode version: Xcode 7.3.1 …

问题:当我在显示和隐藏密码之间切换时,输入的formControlName'密码'值不会反映出来.

流程:

1. 在密码字段中输入一些值.
2. 使用show password切换字段
3. 密码字段为空

我的观点部分:

 <ion-input formControlName="password" placeholder="Password*" type="password" (ngModelChange)="onChange($event)"
                   autocomplete="off" [hidden]="showPasswordModel"></ion-input>

    <ion-input formControlName="password" placeholder="Password-" type="text" (ngModelChange)="onChange($event)"
               autocomplete="off" [hidden]="!showPasswordModel"></ion-input>


                <ion-item class="checkbox-container">
    <ion-label>Show password</ion-label>
    <ion-toggle  (click)="showPasswordModel = !showPasswordModel"></ion-toggle>
  </ion-item>

ts部分

 constructor(private _formBuilder:FormBuilder) {

     this.loginForm = this._formBuilder.group({      
          password: ['', Validators.compose([Validators.required])]      
        });
--
}

提示:http://blog.ng-book.com/the-ultimate-guide-to-forms-in-angular-2/

提前致谢

如何编码离子2应用程序中的单击和查看搜索栏.在那个搜索图标中,首先显示搜索图标,当我点击搜索图标时,搜索栏将显示.

我不是程序员,因为我的家伙离开了,我还在调试代码:

目前在离子项中我有一个离子化身,它显示一个圆形图像.尽我所知,它使用class ="round_image"以下代码:

<ion-thumbnail class="round-image" item-right>

但是圆形图像来自哪里,我怎样才能获得规则的矩形图像？

请指教.

这是整个代码:

    <ion-title padding>Events</ion-title>

        <!--<ion-toolbar>

    </ion-toolbar>          -->

    </ion-header>

    <ion-content>


            <ion-segment [(ngModel)]="genderSegment" color="danger" padding>
                    <ion-segment-button value="men" (click)="updateGenderSegment(1)">
                        Men
                    </ion-segment-button>
                    <ion-segment-button value="women" (click)="updateGenderSegment(2)">
                        Women
                    </ion-segment-button>
                    <ion-segment-button value="both" (click)="updateGenderSegment(3)">
                        Both
                    </ion-segment-button>
                </ion-segment> 



        <ion-list text-wrap>
        <ion-item-group *ngFor="let group of groups">
            <ion-item-divider dark><h2>{{ group.label }}</h2></ion-item-divider>


            <button ion-item detail-none *ngFor="let event of group.events" [navPush]="eventDetailsPage" [navParams]="{eventId: event.$key}">


                <ion-thumbnail class="my-image" item-right>
                    <div image-cache class="photo" [ngStyle]="{ 'background-image': 'url(' + (event.user | async)?.photoURL + ')'}"></div>
                </ion-thumbnail>


                <h2><strong>{{ event.title }}</strong></h2>
                <p>By: <strong><i>{{ (event.user | …

我正在使用Ionic-2框架.当我在我的应用程序中安装任何本机插件时,它会在命令行中抛出以下错误.

错误:位于1923的JSON中出现意外的标记'}'

我没有得到导致此错误的原因,现在我无法安装任何插件.