小编ind*_*257的帖子

我正在 angular8 中构建一个应用程序。我在 angular5/6/7 上工作，对于那些应用程序，我取消了对 polyfills.ts 中存在的导入的注释。对于 angular 8，它只有 3 个导入，即 classlist.js、web-animation-js 和 zone.js/dist/zone。我的应用程序在 IE 中运行良好。但是我开始使用包含功能来查看项目是否存在。它在 chrome 中运行良好。在 IE 中，它抛出 Object 不支持属性或方法 'includes' 错误。

我的所有控件都使用有角度的材料。我们需要禁用自动完成功能，以便以前输入的任何值都不会显示。我的代码如下。我尝试了自动完成“关闭”“禁用”以及我在网上找到的其他建议。但似乎没有任何作用。

<mat-form-field
  [ngClass]="{ 'invalid-uinque-id': (form.errors.locatorId || form.errors.locatorIdInvalidBadge) }"
  id="sta_BadgeFormField"
>
  <input
    formControlName="locatorId"
    (blur)="onBlurLocatorVendorMethod(selectedVendor.id)"
    matInput
    i18n-placeholder="Locator Badge ID|Placeholder for locator badge id label in add staff dialog@@addstaffLocatorBadgeId"
    placeholder="Locator Badge ID"
    name="locatorId"
    maxlength="20"
    [errorStateMatcher]="esMatcher"
    autocomplete="disabled"
  /> 
</mat-form-field>

以下是我在Angular2中创建的Primeng计划。我可以将事件添加到日历中。我添加了几天的活动，单击，向左和向右箭头。

我正在寻找有关事件和日期的鼠标悬停的提示。该功能可用吗？

  <p-schedule [events]="events" [eventLimit] ="3" (onViewRender)="loadEvents($event)" (onEventClick)="handleEventClick($event)" 
    (onDayClick)="handleDayClick($event)" ></p-schedule>

我正在构建一个新的Angular2应用程序，它将驻留在.NET应用程序平台内。我的Angular2应用程序应获取当前登录的用户，以进行API调用以获取数据。如何将userId放入我的应用程序。

下面是我使用Kendo-Angular2开发的网格.我需要在行上点击事件,如果我需要行信息.我写了一个普通的点击事件并尝试获取行信息,但是如果我在分页中转到第二页则不起作用.是否有一个简单的行单击事件,它提供行信息.

plnkr:http://plnkr.co/edit/h0fVaP4NykRiILA7dyHn？p =preview

点击事件代码:

ngAfterViewInit() {
  this.renderer.listen(this.gridRef.nativeElement, "mousedown", (event) => {
    if (!event.target.matches('tbody>tr *')) {
      return;
    }

    const gridData = this.grid.data;
    const tr = event.target.closest('tr');
    const dataItem = gridData.data[tr.rowIndex + this.grid.skip];

    console.log(dataItem);
  });
}

我正在开发一个角度应用程序,它是一个产品并部署到多个客户端.客户端将采用此角度应用程序并将其托管在其服务器中.因此,服务的网址对于客户来说会有所不同.我见过关于dev,prod的解决方案.但这不适用于这种情况.我正在寻找类似于.net配置文件的配置文件.我创建了一个单独的app.config.ts文件,但是在构建时会生成该文件.我正在寻找一个解决方案,我可以将应用程序部署到任何客户端,而不是再次构建它.

import { InjectionToken } from "@angular/core";

export let APP_CONFIG = new InjectionToken("app.config");

export interface IAppConfig {
    apiEndpoint: string;
}

export const AppConfig: IAppConfig = {    
    apiEndpoint: "http://88.87.86.999/"
};

我有一个垫片，里面有内容。我里面还有一个取消图标。我将 mat-chip 设置为固定宽度，因此我希望取消图标始终向右浮动。但是取消图标并未向右浮动。我尝试了多种 CSS 技术，但没有任何效果。

<mat-chip *ngIf= "item?.name">
   {{ item.name}}
   <mat-icon matChipRemove (click)="removeAssignments(dataItem)">cancel</mat-icon>
</mat-chip>

我有一个 angular 应用程序，它是在其中托管子应用程序的主应用程序。子应用程序也是角度应用程序。我加载子应用程序的方式是通过 Iframes。

子应用程序显示为一个列表，当我单击一个选项卡时，该应用程序被加载。当我对应用程序中的数据进行一些更改时，如果我单击另一个子选项卡，我想显示一条警告消息，指出“更改将丢失”。我可以通过使用 beforeunload 事件来实现它，如下所示。我可以检查是否有任何未保存的更改并显示警告弹出窗口。

  @HostListener('window:beforeunload', ['$event'])
  unloadNotification($event: any) {
      if (**my logic here) {
          $event.returnValue =true;
      }
  }

唯一的问题是，当我单击另一个子选项卡时，主机应用程序会突出显示该子选项卡，然后显示警告弹出窗口。如果我单击弹出窗口上的停留按钮，我可以在我想要的子选项卡上，但在主机应用程序上，另一个子选项卡会突出显示。因此，如果我想留在当前子选项卡上，我正在尝试寻找一种不突出显示其他选项卡的方法。在卸载之前的东西。

我有一系列通过循环遍历小工具的Http调用.有没有办法中止所有请求

      for (let gadget of gadgets) {
               this.userService.getGadgetsData(gadget.Id, gadget.Name).subscribe(gadgetsData => {   
    });
}

我在component.service.ts中的服务代码

@Injectable()
export class UserService {
    constructor(public _http: Http) { }
 getGadgetsData() {

        return this._http.get(this._dashboards, { headers: this.getHeaders() })
            .map((res: Response) => res.json());
    }

}

我有一个已经构建好的 Angular 6 应用程序。现在我们计划将其支持为多种语言。我能够创建多个 xlf 文件并将目标字符串替换为语言。我的语言环境文件有三个文件，如messages.en.xlf、messages.es.xlf 和messages.fr.xlf，每个文件分别用于英语、西班牙语和法语。

根据浏览器的语言，应用程序应选择所需的语言文件。如果浏览器设置为法语，它应该会自动提取 messages.fr.xlf 并以法语显示应用程序。

起初我的命令，会是ng build --prod --output-hashing all，但与定位的改变，我需要使用--aot=false，并--build-optimizer=false与我的应用程序的性能和加载时间变差。

ng build  --prod --output-hashing all --aot=false --build-optimizer=false

我的 main.ts 文件如下所示：

ng build  --prod --output-hashing all --aot=false --build-optimizer=false

我想知道是否有一种正确的方法可以根据浏览器的语言加载 xlf 文件而不会出现性能问题并且不会使 AOT 为假。

我有以下格式的json

[{
    "Id": "ALFKI",
    "Contact Name": "Maria Anders",
    "Contact Title": "Sales Representative",
    "City": "Berlin",
    "Slider": 10
}, {
    "Id": "ANATR",
    "Contact Name": "Ana Trujillo",
    "Contact Title": "Owner",
    "City": "México D.F.",
    "Slider": 5
}]

我想要的Json

[{
    "Id": "ALFKI",
    "ContactName": "Maria Anders",
    "ContactTitle": "Sales Representative",
    "City": "Berlin",
    "Slider": 10
}, {
    "Id": "ANATR",
    "ContactName": "Ana Trujillo",
    "ContactTitle": "Owner",
    "City": "México D.F.",
    "Slider": 5
}]

Kendo网格不接受带空格的键名