Question

我已经下载了Angular 2快速入门，并且在完成所有设置后它运行良好。我设置了一个快速服务器并连接到那个，该应用程序继续正常工作。我做了一个更改来使用组件templateUrl而不是template属性，它停止工作。我创建了一个Plunker，https://plnkr.co/edit/BSnwkRdwwHFZZs808v4m?p=preview 证明这一点。下面是我在属性之间切换的AppComponent代码。

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

@Component({
  selector: 'pm-app',
  templateUrl: './app.component.html'
  //template: `<h1>Hello {{name}}</h1>`
})
export class AppComponent  {
  name: string;
  constructor(){
    this.name  = 'FasterLearnerII';
    console.log("App Component Called");
}}

如果AppComponent使用模板属性但是当我切换到templateUrl时停止工作，Plunk也可以正常工作。我在plunker上找不到任何错误消息，但是当我在浏览器中运行时，我收到的消息是：

EXCEPTION：app.component.html：1：108中的错误导致：递归过多core.umd.js：3064：13 原始例外：递归过多core.umd.js：3066：17 原始STACKTRACE：core.umd.js：3069：17 getErrorPropertiesForPrototype /＆LT; @ http://localhost:3030/node_modules/zone.js/dist/zone.js:936:17

问题不是浏览器特定的，因为我在Firefox，Chrome和IE中尝试过它。

感谢任何关于为什么不起作用的想法。

Answer 1

你必须走完全路，这会奏效：

@Component({
  selector: 'pm-app',
  templateUrl: 'app/app.component.html'
  //template: `<h1>Hello {{name}}</h1>`
})

Angular 2：EXCEPTION：app.component.html：1：108错误导致：递归过多

1 个答案: