anglejs – 在非角度页面中喷洒角度2组件

目前正在从Angular 1 – > Angular 2和我们对Angular 1工作所做的一件事情是在公开面对的非应用页面上重用了一些组件.

这些页面实际上是静态的HTML(虽然它们是由Rails呈现的),然后一些Angular 2组件被放置到页面中.从Angular 1开始,我们简单地将文档元素引导到一个模块,该模块提供了我们需要的指令和组件.根本没有路由.

与角2,它看起来像是全部或全部.您声明一个单一的根组件,一切都通过该组件渲染.这对我们来说是一个很大的转变,我想避免在这些面向公众的网页上改变我们在做什么.

在静态HTML页面中,是否可以根据需要使用Angular 2组件,或者我们需要移动到单根根元素SPA设计？

简而言之,我要问的是,是否可以混合静态内容与内置的动态角度分量,或者必须将所有角度分量都存在于页面上的单个根元素中？

所以这比我原来想的更简单.在 the Angular 2 docs中,它有一些特定的措辞来引导多个应用程序.

Bootstrapping Multiple Applications

When working within a browser window,there are many singleton
resources: cookies,title,location,and others. Angular services that
represent these resources must likewise be shared across all Angular
applications that occupy the same browser window. For this reason,
Angular creates exactly one global platform object which stores all
shared services,and each angular application injector has the
platform injector as its parent.

Each application has its own private injector as well. When there are
multiple applications on a page,Angular treats each application
injector’s services as private to that application.

所以很明显,这是可能的,多个应用程序共享服务资源,这是我希望的.

我已经做了一些微不足道的测试与多个自举组件,它的工作正常.我还没有尝试的一件事是引导Angular 2 attribute directive在Angular 2组件之外使用.我怀疑这不行,引导只适用于组件而不是指令.

在指导方面,我建议Angular 2不是真正设计用于在静态页面中喷洒行为,可能不应该这样使用.相反,虽然您可能有多个应用程序定义的分页的多个部分,但该组件应该占据几乎所有的文档/界面.