标签: angular8

我正在研究mat-datepicker用户可以输入值并使用我的代码选择日期的位置它工作正常。我有一个更新按钮，默认情况下它将处于禁用模式。当用户满足两个条件时，只有更新按钮才会启用。

这是我的屏幕截图，它看起来像

如果我清除最后日期，则一旦用户输入最后日期，更新按钮将处于禁用模式，那么只有更新将在此处启用我遇到了问题

这是我的 ts 代码

dateValidator(input) {
    //console.log(input);
    console.log(Object.prototype.toString.call(input) === '[object Date]', !this.disableDate(), input.length > 0)
    if (!!input) { // null check
        if (Object.prototype.toString.call(input) === '[object Date]' && !this.disableDate() && input.length > 0) {
            this.disableUpdateBtn = false;
            console.log("Date is Valid!!");
        } else {
        this.disableUpdateBtn = true;
        console.log("Date is Invalid!!");
        }
    } else {
        this.disableUpdateBtn = true;
        console.log("Date is Invalid!!");
    }
}

这是我的HTML“更新”按钮的代码

<button mat-flat-button color="primary" (click)="updateMilestone();" cdkFocusInitial [disabled]="disableUpdateBtn">
    Update
</button>

当我单击清除按钮，然后开始输入日期，然后输入 时，出现错误01。我没有收到任何错误，但是当我开始输入 …

我最近将一个项目升级到 Angular 8，我尝试将 loadChildren 导入切换到新语法

例如来自：

loadChildren: './maintenance/maintenance.module#MaintenanceModule',

到：

loadChildren:() => import('./maintenance/maintenance.module').then(m => m.MaintenanceModule),

应用程序路由是这样创建的：

@NgModule({
  imports: [
    RouterModule.forRoot(appRoutes, {
      scrollPositionRestoration: 'enabled',
      enableTracing: false,
    }),
  ],
  exports: [RouterModule],
})
export class AppRoutingModule { }

然而，在构建项目时，似乎没有模块被延迟加载。使用 Webpack 包分析器，我可以看到所有路由模块都包含在主包中，并且导航到这些路由时也没有发生网络活动。

有人知道我在这里缺少什么吗？

I have a module which looks something like:

@NgModule({
  imports: [
    EmployeeRoutingModule,
  ],
  declarations: [
    ListEmployeeComponent,
    EmployeeDialogComponent,
  ],
  providers: [
    EmployeeService,
    BsModalService,
  ],
  entryComponents: [
    EmployeeDialogComponent,
  ]
})
export class EmployeeModule {
}

And it is imported into the app module like so

{
  path: 'employee',
  loadChildren: './employee/employee.module#EmployeeModule'
},

within the app.routing.ts.

When I try and use EmployeeDialogComponent in my EmployeeModule it keeps giving off the error

ERROR Error: No component factory found for EmployeeDialogComponent. Did you add it …

我的一个同事将我们的项目升级到8号角。我拉了他的分支，然后奔跑npm install。在他的分支上，一切正常。现在，每次运行任何“ ng ...”命令时，我都会得到相同的错误：

C:\xxx\party-ui\node_modules\@angular\cli\utilities\color.js:15
    process.stdout.getColorDepth() > 1;
                   ^

    TypeError: process.stdout.getColorDepth is not a function
        at Object.<anonymous> (C:\xxx\party-ui\node_modules\@angular\cli\utilities\color.js:15:20)
        at Module._compile (module.js:652:30)
        at Object.Module._extensions..js (module.js:663:10)
        at Module.load (module.js:565:32)
        at tryModuleLoad (module.js:505:12)
        at Function.Module._load (module.js:497:3)
        at Module.require (module.js:596:17)
        at require (internal/module.js:11:18)
        at Object.<anonymous> (C:\xxx\party-ui\node_modules\@angular\cli\models\analytics.js:18:17)
        at Module._compile (module.js:652:30)

我还尝试更新npm和node（现在具有版本10.16.0和6.9.0）。还删除了node_modules文件夹，然后运行npm install。我能做什么？

我正在尝试使用此处的说明将Angular 7应用程序升级到Angular 8 。一切顺利，直到最后一步：

ng更新@ angular / material

这将Angular Material软件包更新为8.1.2，但也将@ angular / *软件包升级为一个相当奇怪的不需要的版本：〜9.0.0-next.0

这是有问题的（我不得不摆脱一个非必需的dev依赖关系，该依赖关系要求Angular <= 8），因为我不想超越最新的稳定版本8。

我该如何解决？

我尝试在Angular 8 Web Worker内导入节点模块，但出现编译错误“找不到模块”。有人知道如何解决吗？

我在的电子项目中使用创建了一个新工作人员ng generate web-worker app，如上述ng文档中所述。

一切正常，直到我添加一些导入，例如path或fs-extra：

/// <reference lib="webworker" />    
import * as path from 'path';

addEventListener('message', ({ data }) => {    
  console.log(path.resolve('/'))
  const response = `worker response to ${data}`;
  postMessage(response);
});

这种导入在任何其他ts组件中都可以正常工作，但是在Web Worker中，我收到此消息的编译错误，例如

Error: app/app.worker.ts:3:23 - error TS2307: Cannot find module 'path'.

我怎样才能解决这个问题？也许我需要在生成一些其他参数tsconfig.worker.json？

要重现该错误，请运行：

$ git clone https://github.com/hoefling/stackoverflow-57774039
$ cd stackoverflow-57774039
$ yarn build

或在Travis上查看项目的构建日志。

注意：

1）我只发现这是一个类似的问题，但答案仅处理自定义模块。

2）我使用 …