Question

我试图在我的应用程序中使用angular2。问题是我在一个大文件中连接了角度的所有组件代码，我将在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);
    });
}());

Answer 1

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

但是，我开始在您的源上运行JSLint，以便首先检测并删除那些可能的错误。

选择器＆＃34; my-app-test＆＃34;与任何元素都不匹配

1 个答案: