小编Yas*_*ain的帖子

我angular2-highcharts在Angular Project上安装了该程序。它的工作，但在ng serve模式下。但是当我执行命令时ng build --prod。我得到了错误：

模板编译时出错 AppModule

装饰器中不支持函数调用，但ChartModule已被调用。

我执行死刑时工作正常ng build。

这是我的 app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic }  from '@angular/platform-browser-dynamic';
import { NgModule } from '@angular/core';
import { ChartModule } from 'angular2-highcharts';
import { AppComponent } from './app.component';
import { HttpModule } from '@angular/http';

declare var require : any;

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,HttpModule,
    ChartModule.forRoot(require('highcharts/highstock'),require('highcharts/modules/drilldown')),
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class …

我使用的是 Ionic 版本 4，我希望应用程序中的登录表单垂直居中。

我已经尝试了堆栈溢出中存在的许多解决方案，但看起来都适用于 Ionic 版本 3，并且还尝试了一些CSS技巧，例如margin 0 auto;和

display:flex;
justify-content:center !important;
align-content:center !important;

但对我不起作用。

这就是我的表单的样子，我另外使用了引导程序，并且没有css在模板中添加自定义类。

这是我的模板代码。

<ion-content color="light">
  <ion-grid>
    <ion-row class="ion-justify-content-center">
      <ion-col size-xs="9" size-md="9">
        <form>
            <div class="form-group">
              <input
                type="text"
                class="form-control"
                placeholder="Enter AccountID"
                autocomplete="off"
              />
            </div>
            <div class="form-group">
              <input
                type="email"
                class="form-control"
                placeholder="Enter Email"
                autocomplete="off"
              />
            </div>
            <div class="form-group">
              <input
                type="password"
                class="form-control"
                placeholder="Enter Password"
                autocomplete="off"
              />
            </div>
            <button type="submit" class="btn btn-primary btn-block">Submit</button>
        </form>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

在我的 Ionic 4 项目中，我有选项卡式界面，其中有 4 个选项卡。

我尝试ion-tab通过添加一些自定义 css 来自ion-tab-bar定义圆角，如下所示。

我使用以下代码来实现此设计。

ion-tab-bar {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

ion-tab-button {
    transition: 0.2s ease-in;
}

.tab-selected {
    border-bottom: 4px white solid;
    // transition: 0.2s ease-in;
    font-size: 0;
    ion-icon {
        transform: scale(1.3);
        transition: 0.2s ease-in;
    }
}

我在这里面临的问题是，顶部有一个白色背景，重叠在我在所选选项卡页面上显示的卡片上。

我不知道为什么卡片上会出现白色背景。我希望它是透明的。我尝试通过scss选项卡组件文件更改背景颜色，但这对我不起作用。我怎样才能删除ion-tab-bar.

在我的 Ionic 项目中，我使用 Capacitor 在移动平台中进行部署。

为了从设备捕获图像，我使用了 Capacitor Camera，它可以帮助我以三种格式获取图像。1.Base64。2. 数据网址。3.文件Uri。

onCaptureImage() {
    if (!Capacitor.isPluginAvailable('Camera')) {
      this._sharedService.showToastMessage(
        'Unable To Open Camera', 1000);
      return;
    }
    Plugins.Camera.getPhoto({
      quality: 60,
      source: CameraSource.Prompt,
      correctOrientation: true,
      resultType: CameraResultType.DataUrl
    })
      .then(image => {
        const blobImg = this._sharedService.dataURItoBlob(image.dataUrl);
        this.myfiles.push(blobImg);
        this.urls.push(this.sanitizer.bypassSecurityTrustUrl(image.dataUrl));
      })
      .catch(error => {
        return false;
      });
  }

从这个DataUrl我用来显示图像和上传这个图像，我将它转换成Blob然后通过FormData.

现在质量为 60，我希望质量为 100。但是当我们生成DataUrl100 个质量图像时它会挂起设备。

我只想知道有什么方法可以生成FileUri质量为 100 的图像，并且还可以预览图像而不生成Base64或不生成图像DataUrl。

谢谢。

在我的应用程序中，我正在一个名为v4.0.

在那个分支中，我对未暂存的 13-14 个文件进行了更改，一段时间后我意识到我必须在 上执行此操作v4.0.1，这是错误发生的。v4.0 上的更改未暂存。

有什么方法可以将v4.0.1我创建的所有更改v4.0转移到v4.0.

在我的 Ionic V4 离子应用程序中，我想将ion-label文本颜色设置为黑色，ion-input禁用黑色。

无论如何，我ion-input通过在我的global.scss.

.native-input[disabled] {
    opacity: 10 !important;
}

也想要同样的 for ion-labeldisabled ion-input。

我想在聚焦时ion-label在ion-itemwith内改变颜色ion-input。

我可以更改ion-itemusing的高亮颜色，--highlight-color-focused: yellow;但无法更改label颜色。

它将标签的默认颜色显示为主要颜色，但我想将其更改为“警告”，或者如果需要任何自定义颜色。

我已经尝试了以下解决方案，该解决方案在 Ionic github 存储库中提到过同样的问题，但没有解决我的问题。

https://github.com/ionic-team/ionic/issues/18531

以下代码我使用过

登录页面.html

<ion-content>
  <div class="logo">
    <div class="logoCenter">
      <ion-icon name="sync"></ion-icon>
    </div>
    <h1 style="font-family: ProximaBold; color: white">Sample Application</h1>
  </div>

  <ion-grid style="margin-top: 10vh;">
    <ion-row>
      <ion-col size="12">
        <ion-item>
          <ion-label class="loginLabel" position="floating">Mobile No.</ion-label>
          <ion-input type="number"></ion-input>
        </ion-item>
        <ion-item>
          <ion-label class="loginLabel" position="floating">Password</ion-label>
          <ion-input type="password"></ion-input>
        </ion-item>
      </ion-col>
    </ion-row>
  </ion-grid>
  <ion-grid class="ion-padding">
    <ion-row>
      <ion-col class="ion-text-center" size="12">
        <ion-button expand="full" shape="round" [routerLink]="['/home']">Submit</ion-button>
        <p style="color: white;">Forgot Password?</p>
      </ion-col>
    </ion-row>
  </ion-grid>
  <p …

我的javascript应用程序中有一个对象数组,看起来像

var data = [
 {
  id:2467,
  name:'alex',
  grade:'B',
 },
 {
  id:5236,
  name:'bob',
  grade:'A-',
 },
 {
  id:1784,
  name:'carl',
  grade:'C',
 },
 {
  id:5841,
  name:'dave',
  grade:'AA',
 },
 {
  id:3278,
  name:'harry',
  grade:'B+',
 },
]

现在我必须在对象id的基础上从这个数组中删除或弹出一个对象,使用类似的函数

function removeStudent(id){
  //logic for removing object based on object id
}

应该是这样的

removeStudent(5236);

然后数据数组应该是这样的

var data = [
 {
  id:2467,
  name:'alex',
  grade:'B',
 },
 {
  id:1784,
  name:'carl',
  grade:'C',
 },
 {
  id:5841,
  name:'dave',
  grade:'AA',
 },
 {
  id:3278,
  name:'harry',
  grade:'B+',
 },
]

我尝试过使用,pop()但我认为这将从数组中删除最后一个元素,而不是特定元素.我看过这篇从数组中删除元素的帖子

如何从JavaScript中删除数组中的特定元素？

但我没有找到我的答案在这里尊重对象需要帮助!

我有一个后端服务,当我们使用HTTP服务命中其中一个端点时返回一些数据.现在我们正在使用角色Observables.我们subscribe到了终点.像这样的东西

constructor(private http : Http){
}

ngOnInit(){
   this.http.get('/api/posts').subscribe(response => {
      // Store data into class variable
   })
}

当我们订阅它.在next订阅部分.我们已经获得了所有数据,无论它是通过响应得到的.现在没有什么可以从我们收到的数据中分离出来,但是如果我们不取消订阅,仍有许多人说存在内存泄漏.我们通常在ngOnDestroy()生命周期方法中取消订阅.我真正想知道的是,当呼叫已经完成时,我们通过响应从服务器获得数据,并且没有什么可以从中得到更多.那我们为什么需要unsubscribe呢.我想特别了解内存泄漏概念.

我在我的角度应用程序中使用 highstock 模块、指标模块和 highcharts。例如，这是我的带有指标的 highstock 图表的选项。

this.stock = new StockChart({
  rangeSelector: {
    selected: 1
  },
  title: {
    text: 'AAPL Stock Price'
  },
  series: [{
    tooltip: {
      valueDecimals: 2
    },
    name: 'AAPL',
    id: 'AAPL',
    type: 'candlestick',
    data: [
      [1487635200000, 2354.909912, 2366.709961, 2354.909912, 2365.379883],
      [1487721600000, 2361.110107, 2365.129883, 2358.340088, 2362.820068],
      [1487808000000, 2367.5, 2368.26001, 2355.090088, 2363.810059],
      [1487894400000, 2355.72998, 2367.340088, 2352.870117, 2367.340088],
      [1488153600000, 2365.22998, 2371.540039, 2361.870117, 2369.75],
      [1488240000000, 2366.080078, 2367.790039, 2358.959961, 2363.639893],
      [1488326400000, 2380.129883, 2400.97998, 2380.129883, 2395.959961],
      [1488412800000, 2394.75, 2394.75, 2380.169922, 2381.919922],
      [1488499200000, 2380.919922, 2383.889893, …