小编Chr*_*ris的帖子

自定义角度材料

我有两个组件,分别称为one.component.htmltwo.components.html。我只尝试为一个组件自定义Angular材质的日期选择器,而让另一个组件具有Angular Stock日期选择器。如果我在one.component.css中编写了一个自定义的CSS代码,它将无法正常工作。因此,我必须编写Style.css。但是在Style.css中编写将自定义这两个组件。如何在其他组件中指定自定义?

angular-material angular

7
推荐指数
2
解决办法
1277
查看次数

在 ng2-charts 中自定义图例形状

我工作的饼图NG2-图表。我正在尝试自定义图例的默认形状。我可以改变图例的位置,但可以改变形状吗?它有任何内置属性还是我们必须定制?

HTML

<div class="chart">
      <canvas baseChart
        [data]="pieChartData"
        [labels]="pieChartLabels"
        [chartType]="pieChartType"
        [options]="pieChartOptions"
        [plugins]="pieChartPlugins"
        [colors]="pieChartColors"
        [legend]="pieChartLegend">
      </canvas>
    </div>
Run Code Online (Sandbox Code Playgroud)

TS

 public pieChartLabels: Label[] = [['Download', 'Sales'], ['In', 'Store', 'Sales'], 'Mail Sales'];
  public pieChartData: number[] = [300, 500, 100];
  public pieChartType: ChartType = 'pie';
      public pieChartOption: any = {
        legend: {
          position: 'right',
          labels: {
            fontSize: 10
          }
        }
      }
Run Code Online (Sandbox Code Playgroud)

我想要的是
预期 o/p

我得到了什么

o/p

charts ng2-charts angular

7
推荐指数
1
解决办法
5357
查看次数

UUID 的替代方案

我用来UUID生成随机代码。但它返回了我 20 多个数字。是否有任何其他算法机制可以返回唯一的 8 位代码或任何其他方式来减少 UUID 代码长度。

\n\n

代码

\n\n
const uuidv4 = require('uuid/v4');\nuuidv4(); // \xe2\x87\xa8 '1b9d6bcd-bbfd-4b2d-9b5d-ab8dfbbd4bed'\n
Run Code Online (Sandbox Code Playgroud)\n

javascript random uuid

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

FCM 消息问题

我正在尝试按照此链接从 FCM 生成令牌。我在messaging.service. 我无法实现angularFireMessaging.messaging,它在消息关键字中显示错误为

'AngularFireMessaging' 类型不存在属性 'messaging'

代码

import { Injectable } from '@angular/core';
import { AngularFireMessaging } from '@angular/fire/messaging';
import { BehaviorSubject } from 'rxjs'
@Injectable()
export class MessagingService {
  currentMessage = new BehaviorSubject(null);
  constructor(private angularFireMessaging: AngularFireMessaging) {
    this.angularFireMessaging.messaging.subscribe(  //issue here in messaging
      (_messaging) => {
        _messaging.onMessage = _messaging.onMessage.bind(_messaging);
        _messaging.onTokenRefresh = _messaging.onTokenRefresh.bind(_messaging);
      }
    )
  }
  requestPermission() {
    this.angularFireMessaging.requestToken.subscribe(
      (token) => {
        console.log(token);
      },
      (err) => {
        console.error('Unable to get permission to notify.', err); …
Run Code Online (Sandbox Code Playgroud)

firebase-cloud-messaging angular

6
推荐指数
2
解决办法
4588
查看次数

Angular Reactive Form 中的 DOB 验证

我正在尝试以 Angular 2+ 反应形式验证出生日期。当所选DOB日期超过100岁时,我想显示错误消息。

前端侧

 <div [ngClass]="setClassDOB()">
 <input class="form-control" type="date"name="dob"formControlName="dob" placeholder="DOB">
 </div>
Run Code Online (Sandbox Code Playgroud)

angular2-forms angular angular-reactive-forms angular4-forms

5
推荐指数
0
解决办法
5392
查看次数

findbyIdAndUpdate 在集合中添加记录时不起作用

我写了一个更新查询,它将通过 _id 找到记录并更新。此代码完全正常工作,直到我在该集合中添加新记录。如果添加一条记录并进行查询,它会进入成功部分,但返回 null 而不是数据。但是当我重新启动代码并尝试相同的操作时,它工作正常。我的方法是PUT。

accept = (req, res) => {
var query = { _id: req.params.uid };
var updatevalue = { $set: { status: 3 } };
var options = { new: true }
this._model.findByIdAndUpdate(query, updatevalue, options, (err, obj) => {
    if (err) {
        res.send(err);
    }
    else {
       res.send(obj);

    }
});
Run Code Online (Sandbox Code Playgroud)

}

要求

api.abc.com/api/accept/5cfe4dd898fd225ef1cabdsd
Run Code Online (Sandbox Code Playgroud)

mongoose mongodb amazon-web-services node.js

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

组件是Angular中2个模块的声明的一部分

我创建了一个名为commonmod.component.ts的组件,该组件包含在其他两个模块(abc和def)中。

abc.module.ts

import { commonmod } from '../commonmod/commonmod.component';
@NgModule({
  declarations: [
    commonmod
  ]
})
Run Code Online (Sandbox Code Playgroud)

def.module.ts

import { commonmod } from '../commonmod/commonmod.component';
@NgModule({
  declarations: [
    commonmod
  ]
})
Run Code Online (Sandbox Code Playgroud)

当我将abc模块中的一页重定向到def模块中的另一页时,它使我跟随以下错误。

错误错误:未捕获(承诺):错误:类型commonmod是2个模块的声明的一部分:abcand def!请考虑将commonmod移至导入abc和def的更高模块。您还可以创建一个新的NgModule,以导出并包括commonmod,然后在abcand def中导入该NgModule。错误:类型commonmod是2个模块的声明的一部分:abc和def!请考虑将commonmod移至导入abcand def的更高模块。您还可以创建一个新的NgModule,将其导出并包括commonmod,然后在abc和def中导入该NgModule。

typescript angular

2
推荐指数
2
解决办法
8324
查看次数

如何使用 Angular 2+ 反应形式禁用日历中的未来日期

我正在处理日历。我想将最大日期设置为今天并禁用未来日期。

HTML

 <div [ngClass]="setClassDOB()">
 <input type="date" formControlName="dob" name="dob">
 </div>
Run Code Online (Sandbox Code Playgroud)

我应该在组件端(TS)做什么?

angular2-forms angular angular5

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

将字符串数组作为键值对

我得到这样的原始数据

SECRET_TOKEN=Iwillruletheworld;SECRET_REFRESH_TOKEN=Iwillruletheworld;SERVER_PORT=3000;SERVER_WS_PORT=4000;NODE_URI=http://test.abc.com/#/;MONGODB_DEFAULT_URI=mongodb;MONGODB_HOST=localhost;MONGODB_PORT=27017;
Run Code Online (Sandbox Code Playgroud)

我想把它作为一个键值对。所以,首先我;像这样分隔数据

data.split(';');
Run Code Online (Sandbox Code Playgroud)

输出

[ 'SECRET_TOKEN=Iwillruletheworld',
  'SECRET_REFRESH_TOKEN=Iwillruletheworld',
  'SERVER_PORT=3000',
  'SERVER_WS_PORT=4000',
  'NODE_URI=http://test.abc.com/#/',
  'MONGODB_DEFAULT_URI=mongodb',
  'MONGODB_HOST=localhost',
  'MONGODB_PORT=27017'
]
Run Code Online (Sandbox Code Playgroud)

现在我想把它作为键值对

预期产出

[ 'SECRET_TOKEN'='Iwillruletheworld',
  'SECRET_REFRESH_TOKEN'='Iwillruletheworld',
  'SERVER_PORT'='3000',
  'SERVER_WS_PORT'='4000',
  'NODE_URI'='http://test.abc.com/#/',
  'MONGODB_DEFAULT_URI'='mongodb',
  'MONGODB_HOST'='localhost',
  'MONGODB_PORT'='27017'
]
Run Code Online (Sandbox Code Playgroud)

我想'=发生的任何地方插入。任何人都可以帮助我。

javascript arrays

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