小编Mat*_*erg的帖子

我在Angular中显示maxlength属性的错误消息时遇到了一些麻烦.

问题

由于maxlength属性不允许多于指定数量的字符,因此我无法显示错误消息.有没有办法打开默认行为(允许用户键入更多字符),以显示我的错误消息.

textarea的代码

<textarea maxlength="10"
          [(ngModel)]="title.value"
          #title="ngModel"></textarea>

角度验证代码

<div *ngIf="title.errors && (title.dirty || title.touched)"
      class="alert alert-danger">
    <div [hidden]="!title.errors.maxlength">
      Only 10 characters allowed.
  </div>
</div>

如果您希望我提供任何其他信息,请告诉我.

我正在开发一个需要显示 PDF 文件的 Angular 应用程序。为了实现这一点，我目前正在使用 [ng2-pdf-viewer][1] 组件。该组件适用于以下文件：

• https://www.tutorialspoint.com/angular2/angular2_tutorial.pdf

但是，我确实遇到了诸如以下文件的 CORS 问题：

• https://frontendmasters.com/assets/resources/lukasruebbelke/better-apps-angular-2-day1.pdf

我收到的错误消息：

无法加载 htt://frontendmasters.com/assets/resources/lukasruebbelke/better-apps-angular-2-day1.pdf：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问 Origin 'htt://localhost:4200'。如果不透明响应满足您的需求，请将请求的模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

core.es5.js:1020 错误错误：未捕获（承诺）：DataCloneError：无法在“Worker”上执行“postMessage”：TypeError：无法克隆无法获取。错误：无法在“Worker”上执行“postMessage”：TypeError：无法克隆无法获取。

我的代码

组件.html

<pdf-viewer
    [src]="document.url.url"
    [page]="1"
    [original-size]="false"
    style="display: block;">
  </pdf-viewer>

组件.ts

document = {
name: 'Angular 2',
description: 'An amazing Angular 2 pdf',
url: {
  url: 'https://frontendmasters.com/assets/resources/lukasruebbelke/better-apps-angular-2-day1.pdf',
  withCredentials: true
  }
}

如果您希望我提供任何其他信息，请告诉我。

我正在尝试使用ng2-pdf-viewer组件显示来自ASP.NET Web API后端的多个PDF。我已经将PdfViewerComponent添加到模块的声明中，并且提供的示例可以正常工作：

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

@Component({
  selector: 'example-app',
  template: `
  <div>
      <label>PDF src</label>
      <input type="text" placeholder="PDF src" [(ngModel)]="pdfSrc">
  </div>
  <pdf-viewer [src]="pdfSrc" [render-text]="true" style="display: block;">
  </pdf-viewer>
  `
})
export class AppComponent {
  pdfSrc: string = '/pdf-test.pdf';
}

当我尝试从任何其他资源加载pdf src时出现问题。

我首先遇到了CORS问题，但后来使用DomSanitizer解决了这个问题。每当我尝试加载PDF时，都会收到新错误：

ERROR Error: Invalid parameter object: need either .data, .range or .url
    at Object.getDocument (pdf.js:2867)
    at PdfViewerComponent.webpackJsonp.../../../../ng2-pdf-viewer/dist/pdf-viewer.component.js.PdfViewerComponent.loadPDF

我一直在寻找解决这个问题的方法，但我无法弄清楚。任何帮助将不胜感激。

如果您希望我提供任何其他信息，请告诉我。