<undefined> html 标记在 angular2 beta 0 应用程序中生成

Question

我目前正在使用最新的 angular.beta.0 并按照他们的快速入门教程和路由器教程进行操作。 该应用程序运行良好，但在检查生成的 DOM 时，会生成一个 <undefined> 标记。它不会引起任何问题，但我希望它得到澄清。

未定义的标签包含整个应用标记。

Answer 1

路由时可以跳过组件中的选择器，这是有效的。但它们会显示为 undefined。这可能看起来很难看，因此您可以通过指定一个选择器来避免它，该选择器将用作名称并且不会匹配模板中的任何自定义元素。

所以这将在你的 DOM 中生成一个 undefined 自定义元素

// Some component loaded through routing    
@Component({
    // No selector!
    template : 'Some template'
})

这不会

// Some component loaded through routing    
@Component({
    selector : 'some-component',
    template : 'Some template'
})

此案例将在 DOM 中显示 some-component 而不是 undefined。

希望对你有帮助。