标签: ionic2

只想删除开始和结束边框.我是这种编程语言的新手.我正在使用下面的代码来显示列表.

<ion-content>
<ion-list class="item">
  <ion-item href="#">
    Hello!
  </ion-item>
   <ion-item  href="#">
    Hello2
  </ion-item>

</ion-list>  
      </ion-content>

我需要在下面提到的屏幕截图中删除突出显示的红色圆圈边框.怎么做？

我有几个设置应该在配置文件中.

例如:API的URL

Ionic 2中最好的地方在哪里？

我已经构建了一个Ionic2应用程序,我目前正在尝试改进用户体验.为此,我收到了一些反馈,让我想到是否有办法

    <ion-select>
      <ion-option>
      </ion-option>
    </ion-select>

这在敲了几下,会给我输出直线距离,而不是等待用户对当前出现的"OK'and'按下CANCEL’按钮,离子动作片(http://ionicframework.com/docs/v2/ api/components/select/Select /)默认使用.

任何建议将不胜感激!:)

编辑:

正如@sebaferrreras所说,

如果选项数超过6,即使传递了动作表,它也将使用警报界面.

所以,如果你需要使用超过6个选项,你将不得不找到,因为就目前而言,这个功能是一种解决方案不 列出下Ionic2文档.

我有这种类型的JSON文件.

{
  "records": {
    "patients": {
      "day": "Today",
      "details": [
        {
          "name":"Diab",
          "stat":"Pending",
          "phno":"8197246465",
          "patNames":"Sandra Adams",
          "tests": [
            {"name":"MCHC","result":"positive"}
          ]
        }
      ]
    }
  }
}

如何将每个密钥带入html页面或如何使用服务解析这个？

提前致谢.

我正在尝试使用文件中的$background-color变量为我的应用设置背景颜色variables.scss.当设置一个颜色时,这样可以正常工作,如#000或#fff,但不能使它适用于渐变.

$background-color: linear-gradient(to bottom, #000 0%, #fff 100%);

此代码抛出以下Sass错误:

argument '$color' of 'rgba($color, $alpha)' must be a color Backtrace.

那么,如何将背景颜色设置为渐变？

我试图找出从代码传递到最终可部署的apk/ipa 的最佳进程.

到目前为止,我有一个使用Karma + Jasmine的测试套件,它将TypeScript转换为JS并运行一些单元测试.我通过gulp开始这个过程.

之后,我所知道的是ionic build android --release生成(一个未签名的)apk.但我不确定生成的apk是如何被模仿/缩小的.

所以,请记住代码必须尽可能私密,是ionic build足够的缩小和模仿,还是应该通过gulp手动完成所有这些预建任务？在这种情况下,什么是我应该运行的正确任务,我是否必须手动将所有TypeScript文件转换为JS？我应该以什么顺序执行任务？

例如transpile -> tests -> minify -> uglify -> build apk或minify -> uglify -> transpile -> tests -> build apk

我有点迷失了,我唯一可以弄清楚的是测试应该先运行,因为测试失败的情况应该中止该过程.

为什么改变事件不能用于离子选择？

我尝试了以下声明:

<ion-select formControlName="shippingMethod (change)="shippingMethodChange($event)">

我也尝试使用ionChange,这是有效的:

<ion-select formControlName="shippingMethod (ionChange)="shippingMethodChange($event)">

有人说"我们可以使用Angular事件绑定来响应任何DOM事件",这里是更改事件的文档

https://developer.mozilla.org/en-US/docs/Web/Events/change

我是离子菜鸟.我使用ionic-cli创建了一个应用程序,并尝试运行该应用程序.我在chrome中得到低于警告(试图将无限schroll添加到gallary应用程序)

Native:尝试调用Splashscreen.hide,但Cordova不可用.确保包含cordova.js或在设备/模拟器中运行

如何cordova.js仅在chrome测试期间包含

在同一页面上实例化Ionic 2 AlertController会出现此错误:未捕获(在承诺中):已插入视图已被破坏

我想让它运行几次等于离子1警报实例,可以在同一页面上多次调用.

码:

  export class ConsultaProdutoPage {

    public usar_leitor: boolean = false;
    public codigo: string = '';
    public icon: object = { 'icon': 'search', 'text': 'Buscar' };
    public mostrar_produto: boolean = false;
    private loading;
    private _alert: Alert;

    constructor(public navCtrl: NavController,
        public navParams: NavParams,
        private _barcodeScanner: BarcodeScanner,
        private _alertCtrl: AlertController,
        private _service: consultaProdutoService,
        private _loadingCtrl: LoadingController) {

        this.loading = this._loadingCtrl.create({
            content: 'Buscando Produtos. Aguarde...',
            dismissOnPageChange: true
        });

        this._alert = this._alertCtrl.create({
            'title': "Aviso",
            'message': 'Erro ao buscar produtos.',
            buttons: ['OK'] …

我在使用Ionic 3和Firebase工作时遇到基本的CRUD待办事项列表应用程序时遇到问题.

我坚持的错误信息是:

未捕获(承诺):错误:InvalidPipeArgument:管道'AsyncPipe'的'[object Object]'

我将该<ion-item *ngFor="let item of shoppingListRef$ | async">部分添加到shopping-list.html 时启动了错误消息:

购物-list.html

<ion-header>
  <ion-navbar color="primary">
    <ion-title>Shopping List</ion-title>
    <ion-buttons end>
      <button ion-button icon-only (click)="navigateToAddShoppingPage()">
        <ion-icon name="add"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content padding>
  <ion-list>
    <ion-item *ngFor="let item of shoppingListRef$ | async">
      <h2>Item Name: {{item.itemName}}</h2>
      <h3>Amount: {{item.itemNumber}}</h3>
    </ion-item>
  </ion-list>
</ion-content>

我已经尝试之间注释出代码<ion-item>和</ion-item>上述文件中,和去除该错误消息.但是,无法弄清楚如何解决它.

以下是涉及的一些相关文件.

购物,list.ts

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

import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';

import …