小编cha*_*uma的帖子

我试图DatePipe在我的Angular2应用程序中实例化一个对象,以便transform(...)在我正在开发的组件中使用函数.

// ...
import { DatePipe } from '@angular/common';

@Component({...})
export class PanelComponent implements OnInit {
    // ...
    datePipe: DatePipe = new DatePipe(); // Error thrown here
    // ...
}

这段代码在RC5中运行良好.我现在想升级到Angular2最终版本,当我跑收到此错误ng serve或者ng build,

~/tmp/broccoli_type_script_compiler-input_base_path-XitPWaey.tmp/0/src/app/panel/panel.component.ts (33, 24): 
Supplied parameters do not match any signature of call target.

我该如何解决这个问题？还有另一种实例化管道的方法吗？或者Angular是否停止支持在组件内部实例化Pipes？

我的子模块路由如下,

{
  path: '',
  children: [
    { path: '', component: TripManagerComponent },
    { path: ':id', component: TripDetailComponent },
    { path: 'new', component: TripNewComponent }
  ]
}

我按照以下方式导航到这些路线,

navigateToTrip(index: number) {
  this.router.navigate([index], { relativeTo: this.route });
}

navigateToNewTrip() {
  this.router.navigate(['new'], { relativeTo: this.route });
}

但是Angular会检测new路线:id并导航我TripDetailComponent.

这里的问题是Angular将'new'字符串检测为:id路由的url参数.

我可以添加一个前缀:id,即使view/:id这个工作.但是,我需要保持url模式不变.有没有办法做到这一点？

我期望的网址模式是,

/trips        --> show all trips
/trips/2334   --> show details of trip 2334
/trips/new    --> show a form to create a …

我正在编写一个 nodejs 脚本，它将使用 HTML 生成一些信息图形图像。

我使用jsdom库来生成带有基本 html 元素（div、标题、段落等）的图形。

const jsdom = require('jsdom');
const { document } = (new jsdom.JSDOM()).window;

const wrapper = document.createElement("div");
wrapper.style.cssText = "background:#eee;";
...
const el = document.createElement("div");
el.style.cssText = "background:red;";
el.innerText = "Sample Text";
...
wrapper.appendChild(el);

我可以将此生成的 html ( wrapper)保存到文件中。保存的文件看起来像预期的那样。所以 HTML 生成部分工作正常。

但我的要求是用这个生成的 html 视图生成一个图像文件（png、jpg、svg 或任何类似的文件）。

我已经尽力了，dom-to-image而且html-to-image都没有说“HTMLCanvasElement没有定义”。我知道由于 nodejs 运行时中没有浏览器，因此存在诸如此类的限制。

有没有办法以某种方式从这些生成的 HTML 生成图像？

注意：此脚本将在 Linux 服务器上的 CICD 管道上运行。