小编Pra*_*kar的帖子

如何处理"Go"/"Enter"键盘按钮Ionic2 <ion-input>

在输入上处理"输入"或"转到"键盘键的事件是什么?输入不在表单中使用.所以点击它不会"提交".我只需要这个活动.

(在Beta 11上运行android + Ionic 2)

javascript key-events cordova ionic2 angular

16
推荐指数
2
解决办法
3万
查看次数

DynamoDB FilterExpression具有多个条件javascript

我有一个分区键和排序键的表也有2个其他列.在使用javaScript AWS SDK的DynamoDB中,我无法使用FilterExpression获取包含AND的多个条件的项目.任何人都可以提供正确的代码来检索FilterExpression中具有多个条件的数据吗?我的代码如下:

var params = {
    TableName: 'Department',
    KeyConditionExpression: "#company = :companyId"
    , ExpressionAttributeNames: {
        '#company': 'CompanyID',
        '#dType': 'DepartmentType',
        '#cTime': 'CreatedTime"
    }
    , ExpressionAttributeValues: {
        ':companyId': 'Test',
        ':deptType': dType,
        ':daysPrior': 1250456879634
    },FilterExpression: "#dType = :deptType AND #ts > :daysPrior" 
};
Run Code Online (Sandbox Code Playgroud)

javascript amazon-dynamodb

15
推荐指数
1
解决办法
1万
查看次数

离子4使用模态通过模态控制器

我正在使用Ionic 4并希望使用ModalController来使用模态.在Ionic 3.x中它非常简单,但我在Ionic 4中遇到了一些错误:

我正在尝试启动Modal的页面:

import { Component, OnInit } from '@angular/core';
import { NavController, NavParams, ModalController } from '@ionic/angular';
import { MyModalPage } from '../MyModalPage/MyModalPage.page';

@Component({
  selector: 'app-product-display',
  templateUrl: './product-display.page.html',
  styleUrls: ['./product-display.page.scss'],
})
export class ProductDisplayPage implements OnInit {

  private params:any = {};
  public product:product = {};

  constructor(

    public modalCtrl : ModalController
  ) { 

  }//End of Constructor

  ngOnInit() {
  }

  async openModal()
  {

    var data = { message : 'hello world' };

    const modalPage = await this.modalCtrl.create({
      component: MyModalPage, …
Run Code Online (Sandbox Code Playgroud)

modal-dialog ionic-framework angular

8
推荐指数
1
解决办法
1万
查看次数

Ionic 3和Ngzone()不起作用


我想在蓝牙连接完成后执行一些操作,反之亦然.
处理连接的方案,并添加成功和失败处理程序,并在这些处理程序函数中将标志更改为TrueFalse.
我使用console.log打印了该值,它在组件文件中更改但未反映在HTML中.
我尝试过使用ngZone,但它没有用.
成功和失败处理代码如下:

BluetoothService

import { Injectable } from "@angular/core";
import { BLE } from '@ionic-native/ble';


@Injectable()
export class BlueToothService {

    constructor(private ble: BLE){
    }

     public connect = (deviceId, onConnect, onFailure) => {
        this.ble.isConnected(deviceId)
            .then(response => {                   
                onConnect(response);
            },
            error =>  {
                this.ble.connect(deviceId)
                    .subscribe(response => {
                        onConnect(response);
                    },
                    error =>  {
                        onFailure(error);         
                    });            
        });
    } }
Run Code Online (Sandbox Code Playgroud)

组件文件

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

import {BlueToothService} …
Run Code Online (Sandbox Code Playgroud)

ionic3 angular ngzone

6
推荐指数
1
解决办法
4788
查看次数

当数据未定义或为空时如何使用Lodash

在我的应用程序中,如果数据是未定义的或来自服务的null,我的html将无法加载,并且会出现“数据未定义”错误,因此我想使用lodash,但不知道如何使用它。

在我下面的ts文件中

    this._PartService.GetDataValues().subscribe(
  result => {
    this.distributionData = this._PartService.part_data.partMasterDataCompleteList[0].partMasterData.plantSupplies.plantSupply
  }
Run Code Online (Sandbox Code Playgroud)

如果数据不存在,我将获得“ partMasterDataCompleteList”为undefiend或null,所以我在尝试使用Lodash,但我不知道如何使用它

javascript typescript lodash angular angular5

6
推荐指数
1
解决办法
1951
查看次数

如何在Ionic 2中隐藏带有标签的导航栏?

如何在Ionic 2中隐藏带有标签的导航栏?

我只想将其隐藏在其中一个页面中,不包括其他页面.

<ion-navbar *navbar   >
  <ion-title>Item Details</ion-title>
</ion-navbar>
Run Code Online (Sandbox Code Playgroud)

我试过hide-nav-bar="true"但它不起作用.

tabs navbar ionic2 ionic3 angular

4
推荐指数
1
解决办法
6329
查看次数

在离子框架中将菜单图标对齐到左侧

我在左边对齐图标时遇到了很大的问题.无论我做什么,它都会与屏幕右侧对齐.其他页面没有问题,并与左侧完美对齐.我使用选项卡时会发生此问题.

我该如何解决?因为我使用默认代码,所以没有CSS代码.

这是我的离子代码:

<ion-header>
  <ion-toolbar>
    <ion-buttons start>
      <button ion-button menuToggle>
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>
    <ion-segment end [(ngModel)]="stories">
      <ion-segment-button value="headlines">
        Headlines
      </ion-segment-button>
      <ion-segment-button value="new">
        New
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
</ion-header>
Run Code Online (Sandbox Code Playgroud)

无论我做什么,这都是最终的结果: 在此输入图像描述

PS:我正在使用最新版本的离子.

menu alignment ionic-framework ionic2 ionic3

4
推荐指数
1
解决办法
2198
查看次数

安装离子材料设计

我已经按照将离子材料设计集成到离子项目中的步骤进行了操作.以下是我所做的事情清单:

  1. 离子启动离子材料空白
  2. 凉亭安装离子材料
  3. 凉亭安装robotodraft
  4. 在Ionic index.html页面中添加了JS和CSS库 在此输入图像描述

在第五,它指示将离子材料注入您的离子应用程序,如下所示: var app = angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']);

我将在哪里以及如何在Ionic项目中注入它?我有app.module.ts和app.component.ts.但是我如何以及在何处插入提到的代码,因为它甚至要求我输入我的应用程序名称angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']).

ionic-framework ionic-material ionic3 angular

0
推荐指数
1
解决办法
566
查看次数