仅在特定页面上使用Angular2组件

Question

我需要两个由laravel 5提供的页面

本地主机/的家

本地主机/的登录

在我的主页中，我有一个名为<my-app></my-app>的angular2组件，并且工作正常。

但是当我访问不包含任何组件的登录页面时，角度会引发错误“EXCEPTION：选择器”my-app“与任何元素都不匹配。如何在访问登录页面时解决此问题。

我在主布局页面中完成了Angular 2.0 Beta的所有引导，这使得两个页面都可以使用引导。

Answer 1

我正在寻找解决方案几个小时。对我有用的解决方案是在main.ts：

if (document.querySelector("homeSelector")) {
    platform.bootstrapModule(HomeModule);
}

与其他页面和其他模块类似。

Answer 2

这意味着您使用my-app选择器声明了一个组件，但您没有在任何地方使用<my-app>。

Answer 3

如果启动应用程序，Angular2至少需要一个组件。解决方法可能类似于以下内容。

if(window.location.pathname == '/home') {
   bootstrap(myapp); // or your initialization
}