小编Cin*_*ris的帖子

升级到 Angular 11 后出现延迟加载路由问题

我有一个顶级路由器,它延迟加载子路由功能模块,在升级到 Angular v11.0.1 后已停止正常工作。

在 ng11 中的路由器事件处注销时,功能模块会被加载,并且RouteConfigLoadStartRouteConfigLoadEnd都会通过正确的子路由器配置触发,但RoutesRecognized不会被调用。routerLink如果我第二次单击该链接(而不是),所有事件都会正常触发并加载相应的组件。

澄清一下:这不仅仅是链接的问题。它也不适用于初始页面加载,除非我转到不同的路线(第一次也不会加载),然后返回原始路线

此设置在 Angular v10.2.3 中可以正常工作(即只需单击一次并在初始加载时)

应用路由模块:

const routes: Routes = [
    {path: '', redirectTo: '/dashboard', pathMatch: 'full'},
    {path: 'browse', loadChildren: () => import('./browse/browse.module').then(m => m.BrowseModule)},
    {path: 'dashboard', loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule)},
    {path: '**', redirectTo: '/dashboard'}
];

@NgModule({
    imports: [RouterModule.forRoot(routes, {useHash: true})],
    exports: [RouterModule]
})
export class AppRoutingModule { }
Run Code Online (Sandbox Code Playgroud)

仪表板路由模块

const routes: Routes = [
    {path: '', component: DashboardComponent},
    {path: ':id', component: DashboardComponent} …
Run Code Online (Sandbox Code Playgroud)

angular-routing angular angular-router angular-router-events angular11

6
推荐指数
1
解决办法
5155
查看次数

造型聚合物纸滑块

所以我基本上paper-slider用自定义元素包装标准元素,并希望包含一些样式.以下是我目前的情况:

<dom-module id="my-slider">
<template>
    <style>
      /* Works */
      paper-slider {
        --paper-slider-active-color: red;
        --paper-slider-knob-color: red;
        --paper-slider-height: 3px;
      }

      /* Doesn't work */
      paper-slider #sliderContainer.paper-slider {
        margin-left: 0;
      }

      /* Also doesn't work */
      .slider-input {
        width: 100px;
      }
    </style>

    <div>
        <paper-slider editable$="[[editable]]" disabled$="[[disabled]]" value="{{value}}" min="{{min}}" max="{{max}}"></paper-slider>
    </div>
</template>

<script>
    Polymer({
        is: "my-slider",
        properties: {
            value: {
                type: Number,
                value: 0,
                reflectToAttribute: true
            },
            min: {
                type: Number,
                value: 0
            },
            max: {
                type: Number,
                value: 100
            },
            editable: Boolean, …
Run Code Online (Sandbox Code Playgroud)

javascript css web-component polymer paper-elements

5
推荐指数
1
解决办法
1680
查看次数

使用导出类型时出现“错误 TS1110:类型预期”

尝试用于grunt-typescript编译我的 TS 文件时,出现以下错误:

error TS1110: Type expected.
Run Code Online (Sandbox Code Playgroud)

在这三行中的每一行

export type AttributeWriteType = "Append" | "Replace" | "Static";
export type Action = "Create" | "Delete";
export type Status = "Created" | "Queued" | "Running" | "Completed" | "Expired";
Run Code Online (Sandbox Code Playgroud)

我对打字稿相当陌生,因此任何见解都将不胜感激。

gruntjs typescript

4
推荐指数
2
解决办法
1万
查看次数