标签: ionic2

我是编码新手，目前正在使用 ionic 2 做一些练习应用程序。我遇到的问题是，我在按下按钮时显示弹出窗口，并且在标题部分内我尝试在标题和副标题之间使用项目分隔符。每当我尝试向上移动分隔线以使其接近标题时，就会发生这种情况：

有没有办法删除分隔线的空间或使其变小，以便它不会掩盖标题并使其看起来像下划线？

编辑：这是 .

弹出窗口.html

<ion-row>
  <ion-title class="title">BRAND</ion-title>
</ion-row>

<ion-row>
  <ion-col width-100 class="divider">
    <ion-item-divider></ion-item-divider>
  </ion-col>
</ion-row>

<ion-row>
  <ion-item class="subTitle"no-lines>
    <p>Select your part</p>
  </ion-item>
</ion-row>

和 popover.ts

  .title{
    text-align: center;
    padding-top: 5px;
  }

  .divider{
    margin-top: -15px;
  }

  .poPosition{
    padding-top: 100px!important;
  }

这就是我现在使用的全部。

我使用这个库对音频文件进行 fft，之后我想用canvasjs可视化结果，但我不知道如何做到这一点。

我不确定应该使用什么 asx和yaxes。如果是频率和幅度，怎么办？最大x轴值应等于最大频率，如果是，则步长值是多少？（我计算了幅度和最大频率）。

如果有人能提供帮助，我将不胜感激。

编辑：我尝试重现这个，但我得到了以下结果。幅度并没有那么糟糕，但相位却很可怕。我认为这Math.atan2()将是问题所在，因为这是根据两个数字计算的，所以我尝试使用 Math.js 和数组，但得到了相同的结果。（链接中的预期结果）

    for (var i = 0; i < 10 - 1/50; i+=1/50) {
      realArray.push(Math.sin(2 * Math.PI * 15 * i) + Math.sin(2 * Math.PI * 20 * i));
    }

    //Phase
    counter = 0;
    for (var i = 0; i < realArray.length ; i++) {
      rnd.push({x: i, y: (Math.atan2(imag[counter], realArray[counter]) * (180 / Math.PI))});
      counter++;
    }

    //Magnitude
    counter = 0 …

我正在开发一个带有选项卡导航的 Ionic 2 应用程序，如 Ionic 文档中所述：http://ionicframework.com/docs/components/#tabs-icon-text

选项卡栏有 5 个选项卡，我想突出中央选项卡，使其呈圆形，如下图所示。

我没有看到框架提供任何标准方法来做到这一点，使用 CSS 实现这一点的最简单方法是什么？

这是我的代码：

<ion-item *ngFor="let column of columns" item-icon-right>

            {{column.title}}
            <ion-icon name="star" item-end></ion-icon>
        </ion-item>

我需要的是将图标放在行的远端，但是当我加载页面时，图标仅位于内容的右侧，而不是浮动到整行的右侧。

我关注了ionic doc，但我找不到他们的演示源代码，例如：这里：https: //ionicframework.com/docs/api/components/item/Item/，他们的代码无法生成演示效果。

我正在上这堂课：

import { SoapNotePage } from "../pages/forms/soap-note/soap-note";

export class FormMapper {
    public static SOAP_NOTE = SoapNotePage;
}

访问该属性很容易，请参见以下示例：

open(item){
    if(item.id == 1){
       this.navCtrl.push(FormMapper.SOAP_NOTE, { patientId: 509070, formId: 75598 });
    }
}

但我想要的是通过字符串名称动态地访问“SOAP_NOTE”属性，例如如下所示：

this.navCtrl.push(FormMapper['SOAP_NOTE'], { patientId: 509070, formId: 75598 });

我问这个问题的原因是函数“open(item)”的“item”参数可能包含 FormMapper 类的属性名称。

有什么办法可以做到这一点吗？

我正在使用离子标签来设计我的应用程序，并且在我想要的屏幕之一上<div>标签的高度并想要计算下一个视图高度

知道如何<div>在运行时在我的.ts文件中获取高度吗？

代码：

 <div *ngIf="affectedItemsViewShowFlag" class="affected-items-list-style" [style.height.%]="height">
      <ion-list *ngSwitchCase="'affected item'" class="list-style">
        <ion-grid no-padding>
          <ion-row *ngFor="let keyValue of affectedItemJsonKeyValues">
            <ion-col col-6>
              <ion-item>
                <ion-label class="key-font-style">{{ keyValue }}</ion-label>
              </ion-item>
            </ion-col>
            <ion-col col-6>
              <ion-item class="column-remove-padding">
                <ion-label class="value-font-style">{{ faCaseDetails.affected_item[keyValue] }}</ion-label>
              </ion-item>
            </ion-col>
          </ion-row>
        </ion-grid>
      </ion-list>
    </div>

在高于<div>我的高度的动态中[style.height.%]="height"，我从我的ts文件中获取它。

但在此之前，我想要<div>前一段的高度。

任何帮助表示赞赏！

提前致谢！

我有一个离子日期时间。它正在发挥作用，但只能持续到今年及往后。

我想要的是从今年开始并继续下去。是否可以？

<ion-item>
<ion-label>Event Date</ion-label>
<ion-datetime displayFormat="D MMM, YY" pickerFormat="DD MMM YYYY" [(ngModel)]="eventDate">
</ion-datetime>

我正在尝试切换到ionic2.在我之前安装的离子1上安装似乎成功(基于输出)但离子1仍然如离子信息所示.这是步骤.任何帮助,将不胜感激.

1. 使用sudo npm install -g ionic @ beta成功安装ionic2 @ beta
2. 离子-v显示版本1.7.14
3. 使用npm uninstall -g ionic卸载
4. 成功(基于打印输出)卸载离子2
5. 离子-v显示版本1.7.14(WTF)
6. 再试一次'npm uninstall -g ionic'
7. 立即收到命令提示,没有其他输出(没有影响)
8. 离子-v显示版本1.7.14

我是新手ionic framework,有了这个AngularJS.我已经开始学习和开发Ionic framework使用Ionic ver2(正在使用AngularJS2).

我想知道,如何在Ionic2中使用外部库？喜欢使用cordova iBeacon,cordova iBeacon docs.

如何构建我的应用程序,以便我可以使用外部库(如cordov iBeacon)编写一个或多个通用功能,并在我需要的地方使用它(如在不同的页面js中).

或者 - 如何包含执行本机硬件相关操作所需的库？

随意提出您对此的所有想法和建议.

非常感谢.

使用Angular 1.x可以使用以下代码拦截所有ajax请求:

$httpProvider.interceptors.push('interceptRequests');
...
var app_services = angular.module('app.services', []);
   app_services.factory('interceptRequests', [function () {
   var authInterceptorServiceFactory = {};
   var _request = function (config) {
   //do something here
   };
   var _responseError = function (rejection) {
   //do something here
   }
   authInterceptorServiceFactory.request = _request;
   authInterceptorServiceFactory.responseError = _responseError;
   return authInterceptorServiceFactory;
}]);

Angular 2中是否有类似的(或开箱即用的)？