小编Gre*_*nko的帖子

我是Angular 2的初学者.我正在尝试使用angular显示一些数据.这是我的代码部分:

  <span>Value :</span> <span>{{myvalue| number : '1.2-2'}}</span>

以上部分将显示值,例如:"124,500.00".没问题,但我需要删除逗号并显示数据仅为124500.00.这也不是货币类型.

我尝试过这样的事情,但是没有用

   <span>Value :</span> <span>{{myvalue| number: '.2-3''}}</span>

我该怎么做？我可以使用任何自定义管道吗？

提前致谢

在我的Angular 4项目中,我想使用权限,我从API获得.权限保存为带有ID的数组.某些单个元素(如用户或博客帖子)具有允许权限的属性,允许或不允许编辑或删除等操作作为带有ID的数组.

在Angular 4项目中检查和处理权限的最佳方法是什么？Angular中有一些用于权限处理的bos解决方案吗？如果Angular没有一些开箱即用的解决方案,有人可以给我实现权限处理的想法吗？

在我的 angular 应用程序中，我使用 angular-redux 进行应用程序状态管理。在我的主模块中，我定义了我的 redux 存储。像这样：

export class MainModule {
  constructor(private ngRedux: NgRedux<MainAppState>,
              private devTools: DevToolsExtension) {
    let enhancers = [];

    if (environment.production === false && devTools.isEnabled()) {
      enhancers = [...enhancers, devTools.enhancer()];
    }

    this.ngRedux.configureStore(
      reducer,
      {} as MainAppState,
      [],
      enhancers);
  }
}

我创建了新的子模块，其中包含一些组件。这些组件应该访问应用程序状态。在这些组件之一中，我通过 @select 访问以进行存储，但这不起作用。这是我访问商店的方式：

export function getLanguage(state: LanguageState) { return state.userLanguage; }

我在我的 ChildComponent 类中有这个代码：

export class ChildComponent implements OnInit {

  @select(getLanguage) savedUserLanguage$: Observable<LanguageState>;

  // more code

}

如何从子模块访问应用程序状态存储？我应该在子模块中导入什么？只为 redux store 处理创建自己的模块会更好吗？也许我忘记了什么？

我使用 Angular v4 和 @angular-redux/store v6。

在我的 angular 应用程序中，我有一些功能模块：

• CoreModule（包含用于 api 调用和模型的服务）
• MainModule（包含主应用程序的组件）
• MainDetailModule（包含详细视图功能，延迟加载）
• MainStoreModule（包含 ngrx/store 定义、动作、reducer 等）

main.module.ts (MainModule)

// imports

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    CoreModule,
    MainRoutingModule,
    TranslateModule.forChild(),
    BsDropdownModule.forRoot(),
    MainDetailModule,
    MainStoreModule
  ],
  declarations: [
    // components
  ],
  providers: []
})
export class MainModule { }

main-detail.module.ts (MainDetailModule)

// imports

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    MainDetailRoutingModule,
    TranslateModule.forChild(),
    MainStoreModule
  ],
  declarations: [
    // components
  ]
})
export class MainDetailModule { }

main-store.module.ts (MainStoreModule)

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common'; …

我有一个反应式表单，其中我使用 ngif 验证不同的字段。

例如：

  <mat-form-field>
  <input  matInput formControlName="name" placeholder="Name">
  <mat-error 
  *ngIf="personForm.get('name').hasError('required')">Name is 
   empty</materror>
  <mat-error *ngIf="personForm.get('name').hasError('minlength')">Needs more 
   than 3 characters</mat-error>
  </mat-form-field>

是否有可能在 switch case 语句中做同样的事情以及如何继续这样做？

我想象了这样的事情

validateErrors {
  switch(errorHandling) {
  case 1: 'Name is empty';
  case 2: 'Needs more than 3 characters';
  }
}

如何让 mat-errors 显示这些不同的情况？任何指导将不胜感激，谢谢！