Angular 基本角度页面崩溃

我的Angular（或TypeScript）代码编译并提供服务，但当我尝试在Firefox中加载页面时，它崩溃了。代码是

app.component.html

<h1>Anguilar</h1>
<dd-button></dd-button>

ddButton.component.ts

import { DdButtonComponent } from './ddButton.component';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

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

@NgModule({
  declarations: [
    AppComponent,
    DdButtonComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

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

@Component({
  selector: 'dd-button',
  template: "<dd-button>Text</dd-button>"
})
export class DdButtonComponent {
}

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Explaining Modernity';
}

---

很抱歉可能出现noobish问题，但由于没有错误，我很难找到导致该问题的原因。为了更详细地描述崩溃，当我用

localhost:4200

打开页面时，它尝试加载并挂起几秒钟，然后在Firefox中打开“页面崩溃”页面

您的

dd按钮

组件在模板中引用自身：

selector: 'dd-button',
template: '<dd-button>Text</dd-button>',

选择器：“dd按钮”，
模板：“文本”，

这意味着每个

dd按钮

都试图无限地渲染自己的

dd按钮。一旦调用堆栈太大，浏览器页面就会崩溃

您很可能打算在模板中使用
文本
您的
dd按钮
组件引用自身：

selector: 'dd-button',
template: '<dd-button>Text</dd-button>',

选择器：“dd按钮”，
模板：“文本”，

这意味着每个
dd按钮
都试图无限地渲染自己的
dd按钮。一旦调用堆栈太大，浏览器页面就会崩溃

您很可能打算使用
文本
您的
dd按钮
组件包含一个
dd按钮
。这将无限重复。你的意思是改做
Text
？@你是对的。不要害羞，把评论转换成答案，因为这是正确的答案。此角度代码具有无限递归，因此会创建“堆栈溢出”。双关语不适用：-）您的
dd按钮
组件包含一个
dd按钮
。这将无限重复。你的意思是改做
Text
？@你是对的。不要害羞，把评论转换成答案，因为这是正确的答案。此角度代码具有无限递归，因此会创建“堆栈溢出”。非本意双关语：-）