标签: ionic2

我打算在登录页面中禁用侧边菜单的滑动手势.我做的唯一更改是导入MenuController并在构造函数中将swipeEnable设置为false.

但是,在运行它之后,我不断收到语法错误:解析文件时出现意外的令牌(18:47).

import {App, Page, NavController, Nav,NavParams, IonicApp, Storage, LocalStorage, MenuController } from 'ionic-angular';
import {httpService} from '../../services/httpService';
import {HelloIonicPage} from '../hello-ionic/hello-ionic';
import {GettingStartedPage} from '../getting-started/getting-started';
import {SettingsPage} from '../settings/settings';

@Page({
  templateUrl: 'build/pages/log-in/log-in.html',
  providers: [httpService]
})

export class LoginPage {

  static get parameters(){
     return [[NavController],[httpService],[MenuController]];
   }

   constructor(navController, httpService, menu: MenuController) {

     this.menu = menu;
     this.navController = navController;
     this.httpService = httpService;
     this.local = new Storage(LocalStorage);
     this.menu.swipeEnable(false);
   }
}

提前致谢.

我试图在成功回调该操作后禁用div标记.

请看我的离子含量

<ion-content padding class="forgot-password">
  <div [ngClass]="{active: isOn,disabled: isDisabled}">
    <ion-item>
        <ion-label floating>Email/Mobile</ion-label>
        <ion-input type="text" [(ngModel)]="loginId"></ion-input>
    </ion-item> <br><br>

    <button class="float-right" (click)="generateOTP(!isOn);">Send OTP</button><br><br><br>
  </div>
  <br>

  <div *ngIf="showRePasswd">
    <ion-item>
        <ion-label floating>Enter OTP</ion-label>
        <ion-input type="text" [(ngModel)]="passwd"></ion-input>
    </ion-item> <br><br>

    <button class="float-right" (click)="resetPassword();">Send Password</button>
  </div>
</ion-content>

这是我的.ts文件

export class ForgotPasswordPage {

    public loginId = "";
    public passwd = "";

  public showRePasswd = false;
  isDisabled = false;
  isOn = false;

  constructor(private navCtrl: NavController, private logger: Logger, private user: Users) {

  }

  generateOTP(newstate) {
    this.logger.info("invoking generateOTP FN");
    var …

我正在使用Ionic3,并且:

<span class="char-left">{{REVIEW_MAX_LENGTH-ratingModel.review.length}} characters left</span>

我想class在填充另一个值时有条件地更改该值,即将ratingForm.controls.review.length > 0值更改为class="char-left-error".

我确实看过ng-class,但似乎无法让它发挥作用.

任何帮助赞赏.

我有一个愚蠢的问题。我想知道如何加快我的应用程序。在大多数情况下，流行的一种是--prod在构建期间使用标志。但我也找到了一个建议，可以使用enableProdMode();in启用 Angular 生产模式 main.ts。这些操作是否相同并触发相同的机制？

有人知道离子2上是否有离子旋转器？喜欢它在ionic1上http://ionicframework.com/docs/api/directive/ionSpinner/

我在ionic2应用程序中使用ion-img来正确加载我的图片.但是,我想知道是否有办法向用户表明图片实际上正在加载.

谢谢您的帮助!

编辑:如果你绝对需要使用ion-img标签,这就是答案.如果没有,您应该使用ionic-image-loader作为AdminDev826建议.

我终于用CSS解决了这个问题!当图像以离子2加载时,ion-img标签没有任何类别.但是,当最终加载图像时,ion-img标签会获得"img-loaded"类.

这是我的解决方案:

  <ion-img [src]="img.src"></ion-img>
  <ion-spinner></ion-spinner>

我的CSS:

.img-loaded + ion-spinner {
  display:none;
}

我希望它可以帮助别人!

我想在我的ionic2应用程序中的leaflet map中绘制一个多边形,为此我找到了leaflet-draw插件,但我收到此错误TypeError:L.Control.Draw不是构造函数

我的代码看起来如此

this.map = L
  .map("map")
  .setView(this.latLng, 13)
  .on("click", this.onMapClicked.bind(this))

L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png")
  .addTo(this.map);

this.marker = L
  .marker(this.latLng, { draggable: true })
  .on("dragend", this.onMarkerPositionChanged.bind(this))
  .addTo(this.map);

var drawnItems = new L.FeatureGroup();
this.map.addLayer(drawnItems);
console.log(drawnItems);
var drawControl = new L.Control.Draw({

  edit: {
    featureGroup: drawnItems
  }
});
this.map.addControl(drawControl);

我有一个名为options的对象数组.

这是我的HTML代码

    <ion-item>
        <ion-label>place</ion-label>

        <ion-select [(ngModel)]="place" (click)="optionsFn(item);">
          <ion-option value="item" *ngFor="let item of options">{{item.name}} &nbsp;&nbsp;{{item.price}}</ion-option> 
        </ion-select>
      </ion-item>

{{salespriceOp}}

{{quantityOp}}

这是我的.ts文件代码

product_option_value_idOp
  priceOp
  salespriceOp
  quantityOp
  skuOp
  nameOp

  options =  [
          {
            "product_option_value_id": "45",
            "name": "Bangalore Auto",
            "quantity": "12",
            "sku": "56876",
            "price": "100.00",
            "salesprice": "50"
          },
          {
            "product_option_value_id": "51",
            "name": "Hyderabad Auto",
            "quantity": "23",
            "sku": "56543",
            "price": "200.00",
            "salesprice": "60"
          },
          {
            "product_option_value_id": "52",
            "name": "Delhi Auto",
            "quantity": "14",
            "sku": "98767",
            "price": "300.00",
            "salesprice": "80"
          }
        ];
  constructor(public navCtrl: NavController) { …

我已经阅读了关于这个问题的几个问题和答案但是无法解决它.

我正在使用Ionic2,我有一个方法可以从Firebase Database v3中检索数据.我不明白为什么我在控制台中出现以下错误ionic serve:

Error TS2345: Argument of type '(snap: DataSnapshot) => void' is not assignable to parameter of type '(a: DataSnapshot) => boolean'.
  Type 'void' is not assignable to type 'boolean'.

这是方法:

constructor(private http: Http) {

    firebase.database().ref('users').orderByChild("id").on("value", function(snapshot){
                    let items = [];
                    snapshot.forEach(snap => {
                        items.push({
                            uid: snap.val().uid,
                            username: snap.val().username,
                        });
                    });
                });
            }
}

我想制作一个tabs component屏幕顶部有一些标签,底部有一些标签,是否有办法实现这一目标？

像这样的东西:

我尝试使用两个实例,但我无法实现它,我想它们之间的同步将非常困难.

有任何想法吗？