选择器“;我的应用程序测试“;与任何元素都不匹配

The selector "my-app-test" did not match any elements

本文关键字：元素 不匹配 任何 测试 我的 应用程序 选择器      更新时间：2023-09-26

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

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

我如何在angular 2中归档相同的东西，这样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);
    });
}());

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

然而，我会从在您的源代码上运行JSLint开始，首先检测并删除那些可能的错误。

相关文章：