选择器“my-app-test”不匹配任何元素答案

【问题标题】：The selector "my-app-test" did not match any elements选择器“my-app-test”不匹配任何元素
【发布时间】：2016-11-24 05:02:04
【问题描述】：

我正在尝试在我的应用程序中使用 angular2。问题是我将 angular 的所有组件代码连接到一个大文件中，我将在 index.html 页面中导入该文件（因此它将出现在所有页面中）。

但我总是得到The selector "my-app-test" did not match any elements，因为显然在index.html 中没有<my-app-text/> 标记。在 Angular 1 中，我可以声明一个指令，然后这些指令仅在当前页面上时才被实例化。

如何在 angular2 中存档相同的内容，以便 angular 不会尝试找到正确的选择器，而是仅在页面中找到组件时才实例化组件？

谢谢

现在我有以下代码：

(function() {
    var AppComponent =
        ng.core.Component({
            selector: 'my-app-test',
            template: '<h1>My First Angular 2 App</h1>'
        })
            .Class({
                constructor: function() {}
            });

    document.addEventListener('DOMContentLoaded', function() {
        ng.platformBrowserDynamic.bootstrap(AppComponent);
    });
}());

【问题讨论】：

标签： javascript angularjs angular angular2-template angular2-directives

【解决方案1】：

在这种情况下，错误结束的文件通常是一个问题。确保删除所有 cmets（如果将文件压缩到一行）并且在任何 JS 文件中都没有任何语法错误。一种常见的做法是在要合并的文件之间添加几个分号，以防其中一些文件出现错误。

但是，我会先在您的源上运行 JSLint，然后首先检测并删除那些可能的错误。

【讨论】：