标签: angular6

我创建了一个带有多个输入字段的反应式表单。验证对于一个字段效果很好，但我坚持对动态添加的输入字段进行验证。

我想要实现的是，对于每一行，两个输入字段都应该是必需的。问题肯定是formarray的访问。

我在Stackblitz上创建了一个简化版本

我使用 PrimeNg 和 Angular 6 来生成一个确认框，用于从表单中删除项目，并保存对表单所做的所有更改。什么时候

delete() {
  this._confirmationService.confirm({
     message: 'Delete Item?',
     key: 'delete',
     accept: () => {
       // code to delete row
     }
  });
}

submit() {
  this._confirmationService.confirm({
     message: 'Save Changes',
     key: 'submit',
     accept: () => {
       // code to save changes
     }
  });
}

html

<button pButton (click)="delete()"></button>
<button pButton (click)="submit()"></button>

<p-confirmDialog key="delete"></p-confirmDialog>
<p-confirmDialog key="submit"></p-confirmDialog>

当不使用按键时，两个按钮都会调用提交确认功能。使用按键时，提交按钮会调用提交确认，但在接受时会陷入循环，而删除函数会调用提交确认，如果被拒绝，则会调用删除确认。

我需要做什么才能只调用特定于该功能的确认服务？

我有以下模块，我在其他模块上使用哪些组件：

import { NgModule } from '@angular/core';

import { CommonModule } from '@angular/common';  
import { ClickOutsideModule } from "ng-click-outside";

import { PopupComponent} from './popup.component';

@NgModule({  
  declarations: [
    PopupComponent
  ],      
  imports: [
    CommonModule,
    ClickOutsideModule
  ],  
  exports: [
    PopupComponent
  ],
  providers: []
})

export class PopupModule {}

我有我的应用程序模块：

import { NgModule } from '@angular/core';

import { AppBrowserModule } from './app-browser.module';
import { AppRoutingModule } from './app-routing.module';

import { HomeModule } from './home/home.module';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent …

我已经全局安装了 Angular v7 和 cli，但我需要为项目使用 Angular 6，卸载 Angular cli 后，我需要为 v6 安装哪个版本，以便我使用 ng new 生成的新项目是 Angular 6？

我正在使用 Angular 6 mat-h​​orizo​​ntal-stepper。我想给它一些特定的宽度，并希望将其保留在页面的中心。对于 mat-h​​orizo​​ntal-content-container 我能够将其保持在中心

.mat-horizontal-content-container 
    text-align: center;
    overflow: hidden;
    padding: 0;

但是如何将标题保持在页面中心。我正在尝试这个，但它不起作用。

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container 
    width: fit-content !important;
    align-items: center;

谁能帮我解决这个问题吗？

当我们在服务中使用ngOnInit时？

例如，我需要监听服务内的观察者：

this.eventService.subscribe((data) => {

});

将此代码放在构造函数或 ngOnInit 中哪里更好？

在 Angular 中，我们如何根据条件防止单选按钮的单击事件。

请检查以下链接

https://stackblitz.com/edit/angular-ivy-yrvzcl?file=src/app/app.component.ts

如果总数为零，我想阻止更改事件。

ngOnInit(): void {
  this.customerForm = this.fb.group({
    name: ['', Validators.required],
    customer_id: ['', Validators.required],        
  })
}

我有这个有角度的表格组。这是一个包含名称和 customer_id 的表单。我需要的是我想验证名称字段。它不应该接受任何特殊字符。如果可能的话，请在使用 toastr 时提及

<td>
    <mat-form-field>
        <mat-label>Name</mat-label>
        <input matInput placeholder="Name" formControlName="name" autocomplete="off" required>
    </mat-form-field>
</td>

我有一个名为BookService的服务项目。

private books: Subject<Book[]>;

getBookList(skip:number = 0,limit:number = 0): Subject<Book[]> {
  return this.books;
}

addBookToList(book:Book) {
}

此服务可帮助我监视书籍列表中的更改，我还希望能够使用addBookToList函数将单个书籍添加到列表中，但是我不知道如何添加可观察到的单个书籍（主题观察者）是否可以添加一本书