使用带有路由的ngUpgrade引导Angular 2 rc.6混合应用程序

贾斯汀·拉塞尔(Justin Rassier)

我有一个与rc.3和不建议使用的路由器一起使用的Angular 1 / Angular 2混合应用程序。从我能找到的所有来源来看,rc.5是迈向新路由器的重要一步。我可以启动混合应用程序,并渲染我的根组件,但是路由不起作用。

var upgradeAdapter = new UpgradeAdapter(forwardRef(() => AppModule));

angular.module('ng1App', [])
  .directive('myBaseComponent', <any>upgradeAdapter.downgradeNg2Component(MyBaseComponent));

@NgModule({
  imports: [BrowserModule, routing],
  providers: [appRoutingProviders, HTTP_PROVIDERS],
  declarations: [MyBaseComponent,
    MyNG2RoutableComponent]
})
class AppModule { }


upgradeAdapter.bootstrap(document.body, ['ng1App']).ready(function(){
  console.log('bootstraped!');
});

我的根NG2组件自举,因为我可以将东西扔进它呈现的模板中。但是似乎当我添加时,<router-outlet></router-outlet>它不会渲染子路线。如果仅引导我的NG2应用程序而没有upgradeAdapter,则一切正常。

我觉得我只想念一个连接件。有任何想法吗?


Angular RC.6和Router RC.2更新

上周,我将路由器升级到了rc.6和rc.2版本,同样的问题。不涉及路由时,UpgradAdapter效果很好。一旦拉入路由器插座,便没有任何显示,也没有错误。

布兰登

Angular Router至少需要引导一个组件才能实例化。由于ngUpgrade引导Angular 1一侧,因此没有Angular 2自举组件。要解决此问题,您必须重写ApplicationRef和提供自己的组件。这是一个工作的小伙子,展示了如何实现这一目标。

http://plnkr.co/edit/Gj8xq0?p=预览

以供参考:

https://github.com/angular/angular/issues/9870

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将应用程序升级到Angular2 RC6

angular2 rc5中没有路由器的提供程序

Angular 2 RC5:没有路由器的提供程序

将参数传递给Angular 2(RC4)应用程序

向Angular2(v2.0.0-rc.1)应用程序添加npm库

SystemJS的Angular 2 RC6问题

Angular2 RC6-带路由的嵌套模块

升级到rc2后,Angular2快速入门应用程序不再起作用

angular2 应用程序中所有路由的默认方法是什么?

Angular 1和Angular 2混合应用程序路由问题(不显示Angular组件)

在主目录中创建有关应用程序的启动器条目,该应用程序需要运行“ GTK2_RC_FILES”

使用VS 2015 Update 3创建Web应用程序时将创建参考1.0.0-rc2-final

Angular 2 RC5及更高版本-当没有路由匹配时如何显示错误页面?

Angular 2 RC5 => RC6迁移导致喷油器问题

Angular 2 RC6-“侧边栏”不是已知元素

Angular 2 RC.6中的RouterLink不重定向

Angular2 rc.6提供不再存在

Angular 2 OpaqueToken结果为null(RC6)

Angular2 RC6:'<component>不是已知元素'

Angular2 RC6升级

Angular 2 RC6:“模式列表”不是已知元素

Angular 2 rc 1 canActivate

如何在.NET Core RC2控制台应用程序(Linux,Debian 8)中使用System.Data?

Angular 2 RC-6是否有一些工作滑块组件带有数据绑定?

在ASP.NET MVC Core应用程序(RC2)中显示项目版本

在asp.net核心rc2应用程序的ActionFilterAttribute中访问IConfiguration

将Rails应用程序从5.0.0.rc2升级到5.0.0

ASP.NET Core 1 RC2 Web应用程序入口点

如何使用量角器在 ionic 2 混合移动应用程序中实现屏幕元素加载的等待