小编ger*_*678的帖子

之前我使用angular-cli@1.0.0-beta.10,现在我更新到angular-cli @ webpack beta.11.经过大量的自定义更改,我得到了它的工作.

唯一的问题是,现在我无法使用webstorm和chrome调试器调试我的角度应用程序,因为我没有使用ng服务获取任何ts文件.使用angular-cli@1.0.0-beta.10,使用Jetbrains插件调试我的应用程序非常容易.

如何使用Web服务调试我的角度应用程序和使用ng服务的Chrome调试器？

背景:

用户使用参数调用应用程序的URL并使用我的应用程序.在不同路由之间切换时,url参数应该在浏览器的地址栏中保持可见.

我必须在我的应用程序的每个路由上保留查询参数.这意味着如果我有网址

www.example.com/app/test?id=326748798342&state=1

并调用链接[routerLink]="['/login']"我必须得到这个网址:

www.example.com/app/login?id=326748798342&state=1.

默认情况下,我获得没有参数的登录路由.我发现了一个可以设置的解决方案queryParamsHandling='merge'.但这是一个非常糟糕的解决方案,因为这意味着要更改模板和所有navigate()调用中的所有链接.

在默认情况下有没有更简洁的方法来解决这个问题？在应用程序或其他东西的路由数组中设置queryParamsHandling的东西？

在此动画中，我尝试将宽度从100％减小为动态起始宽度“ toolWidth”（百分比）。用户可以在应用程序中设置变量“ toolWidth”。

动画：

trigger('testAnimation', [
    state('opened', style({
      'width': '100%'
    })),
    state('*', style({
      'width': '{{toolWidth}}%'
    }), {params: {toolWidth: 30}}),
    transition('* => opened', animate('600ms ease-in')),
    transition('opened => *', animate('600ms ease-out'))
  ])

模板：

<div [@testAnimation]="{value: state, params: {toolWidth: newToolWidth}}"></div>

问题：

如果变量“状态”更改为“关闭”，则不会发生任何事情。似乎动画不会在新状态“打开”时触发。“状态”的初始值为“打开”。变量“ newToolWidth”由用户设置。如果我不使用参数，那么效果很好。

我错过了什么？