标签: ionic2

我正在使用Chart.js为使用Ionic2和Angular2的混合应用程序创建堆积条形图.我无法获得图表中条形的背景颜色或填充颜色以进行更改.我已经使用了chart.js文档中给出的每个配置/示例,并且我总是得到默认的红色和蓝色默认(？)颜色.

这是我有的:

barChartOptions:any = {
    responsive: true,
    scales: {
      xAxes: [{
        categoryPercentage: 0.6,
        barPercentage: 1.0,
        stacked: true,
        ticks: {
          beginAtZero: true
        },
        gridLines: {
            color: "rgba(255,255,255,1.0)",
            zeroLineColor: "rgba(254,254,254, 1.0)"
        }
      }],
      yAxes: [{
        display: false,
        ticks: {
          beginAtZero: true
        }
      }]
    },
    legend: {
        display: false,
    }
};
barChartLabels:string[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
barChartType:string = 'bar';
barChartLegend:boolean = false;;

barChartData:any[] = [

    {
        fillColor:'rgba(255, 99, 132, 0.2)',
        borderColor: "rgba(10,150,132,1)",
        borderWidth: 5,
        data: [65, 59, …

我想将一个POST表单提交到外部 URL,这应该使用应用程序浏览器打开一个带有post data params的新窗口,那么我该怎么做ionic2呢？

我是新手IONIC-2,想要连接我的移动应用程序Odoo - open source ecommerce..这个连接涉及一些JSONP请求..我已经完成了同样的jQuery事先...它在phonegap应用程序中正常工作..但虽然我做同样的事情IONIC-2它给了我CORS和JSONP错误..

谁可以帮助我...

我之前的jQuery代码是......

/******  index.js ******/

function json(url, params) {
   var deferred = jQuery.Deferred();

   uniq_id_counter += 1;
   var payload = {
      'jsonrpc': '2.0',
      'method': 'call',
      'params': params,
      'id': ("r" + uniq_id_counter)
   };

   rpc_jsonp(url, payload).then(function (data, textStatus, jqXHR) {
      if (data.error) {
          deferred.reject(data.error);
      }
      deferred.resolve(data.result, textStatus, jqXHR);
   });

   return deferred;
 }


function rpc_jsonp(url, payload) {

   // extracted from payload …

我有两个功能:

this.geQuizStorage();
this.getQuizData();

geQuizStorage() {
    this.quizStorage.getAnswers().then(data => {
        return data;
    });
}

getQuizData() {
    this.quizData.getQuiz().then(data => {
        return data;
    });
}

我正在尝试使用2个函数的promises并等到两个函数都完成,例如:

http.when(this.geQuizStorage(), this.getQuizData()).when(data => {
    // data[0] first function response
    // data[1]
})

任何想法如何在Ionic 2/Angular 2中做到这一点

我所知道的描述,我们可以通过执行下面的数据传递到从父标签的子标签在这里:

<ion-tabs>
 <ion-tab [root]="chatRoot" [rootParams]="chatParams" tabTitle="Chat" tabIcon="chat"><ion-tab>
</ion-tabs>

有什么方法可以做反向的东西,即将数据从子选项卡传递到父选项卡.

我有以下场景:1.我在Tabs(父)页面上有"下一步"按钮.2.当用户选择子页面上的值时,我需要在用户单击下一步时根据所选值将用户导航到下一页.

还有一个类似的问题在这里,但它涉及到离子1,其中ion-item仍然有ion-content.离子-2中没有ionic-content.我已经尝试改变实际的高度/填充/边距ion-item和类,item-inner并且似乎无法获得离子项的统一"瘦身".

问题:如何使离子列表中的离子列表更小/更小/离子2中的离子列表更高？PS.这是使用离子2 beta 10

我Alert Component在我的ionic 2项目中导入如下:

import {Alert } from 'ionic-angular';

用法:

let alert = this.alert.create({
    title: 'New Friend!',
    subTitle: 'Your friend, Obi wan Kenobi, just accepted your friend request!',
      buttons: ['OK']
    });
alert.present();

但我的错误是: Property create does not exist on type Alert.

离子信息:

Cordova CLI: 6.3.0
Gulp version:  CLI version 1.2.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.10
Ionic CLI Version: 2.0.0-beta.37
Ionic App Lib Version: 2.0.0-beta.20
ios-deploy version: 1.8.6 
ios-sim version: 5.0.8 
OS: Mac OS …

我正在研究Ionic v2并面临着将离子标签值对齐的问题.以下是代码段:

Html代码:

<ion-content padding class="home">
  <ion-list>
      <ion-item class="clearme">
        <ion-label>Employee Name:</ion-label>
        <ion-label class="alignme">Gaurav</ion-label>
      </ion-item>
  </ion-list>

CSS:

.home {
  background-color:red;
}

.alignme{

  float:right !important;
}
.clearme{

  clear: both !important;
}

添加这些类后,文本没有正确对齐.

在这个函数中,每个东西都可以正常工作,但是this.nav.popToRoot()在该位置不起作用.如果我将它移动到函数的开头,它可以正常工作.没有人对此有合理的解释.

提前感谢您的时间和考虑.

这是booking.ts组件中的代码:

book(){
  let newReservation = {
    _id: this.room._id,
    from: this.details.from.substring(0,10),
    to: this.details.to.substring(0,10)
  }

  let loading = this.loadingCtrl.create({
    content: "Booking room..."
  });

  loading.present();

  this.roomsService.reserveRoom(newReservation).then((res) => {
    loading.dismiss();
    console.log("Room reserved successfully ... ");
    this.nav.popToRoot();
  }, (err) => {
    console.log(err);
  });
}

我已经将离子应用程序从beta 11更新为rc0。因此，这意味着我已从稳定的angular2 rc4切换到稳定的angular2，并将打字稿1.8切换为2。

我有一个redux架构，正在使用Redux库。

这行代码给我以下错误

export default combineReducers({
  user,songs,app
})

错误TS4082：模块的默认导出具有或正在使用专用名称“ Reducer”。

关于正在发生的事情以及如何解决这个问题的任何想法吗？