标签: angular5

升级到Angular 5和Cli 1.5后,ng serve我收到一个错误:

ERROR in ./node_modules/@stomp/ng2-stompjs/index.ts
    Module build failed: Error: ...\project\node_modules\@stomp\ng2-stompjs\index.ts is not part of the compilation output. Please check the other error messages for details.
        at AngularCompilerPlugin.getCompiledFile (...\project\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:629:23)
        at plugin.done.then (...\project\node_modules\@ngtools\webpack\src\loader.js:467:39)
        at <anonymous>
        at process._tickCallback (internal/process/next_tick.js:188:7)
     @ ./src/app/app.module.ts 27:0-63
     @ ./src/main.ts
     @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

我试图添加include到我的tsconfig.app.json所以它看起来像这样:

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "module": "es2015",
    "baseUrl": "",
    "types": []
  },
  "include": [
    "../node_modules/@stomp/**/*.ts"
  ],
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

我试过重新运行ng …

我正在使用Angular 5的ngx-infinite-scroll模块.我的浏览器是Chrome.

onScrollDown()当我向下滚动我的div内的滚动条时,动作被触发.为了使它工作,我需要给我的内容高度,并[scrollWindow]应设置为false:

CSS

 .search-results {
      height: 200px;
      overflow: scroll;
    }

模板

<div class="search-results"
         infinite-scroll
         [infiniteScrollDistance]="5"
         [infiniteScrollThrottle]="10"
          [scrollWindow]="false"
         (scrolled)="onScrollDown()">
      <p *ngFor="let i of array">
        {{i}}
      </p>
    </div>

但是当我设置[scrollWindow]为true(这是默认设置),并删除search-results该类(然后没有设置高度)时,即使我使用浏览器的默认右栏向下滚动,也不会触发onScrollDown().知道为什么默认的窗口滚动不会触发onScollDown()动作吗？谢谢

如何以MM/DD/YYYY格式自定义mat-datepicker日期？

我正在使用以下配置:

HTML:

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

TS:

import {Component} from '@angular/core';

/** @title Basic datepicker */
@Component({
  selector: 'datepicker-overview-example',
  templateUrl: 'datepicker-overview-example.html',
  styleUrls: ['datepicker-overview-example.css'],
})
export class DatepickerOverviewExample {}

当我打印表单值时,它给出了以下输出:

2017年12月31日星期日00:00:00 GMT + 0530(IST)

我期待MM/DD/YYYY的格式.

我试过这个配置:https://material.angular.io/components/datepicker/overview#customizing-the-parse-and-display-formats

但它对我不起作用.我正在使用默认的MatNativeDateModule(不是时刻js)

有没有办法我可以打开角度材料2对话框与视图子参考,而无需创建对话框组件？

嗯,我对角度5非常新,我在寻找一些问题时遇到了一些麻烦.那么我可以在angularJs $http.pendingRequests中得到angular5中的待处理请求总数吗？

我有一些表格和按钮来保存它。仅当表单上有未保存的更改（输入）时，才必须启用该按钮。

<form>
    <div>
    ... (inputs)
        <span (click)="save()"> Save </span>
    </div>
</form>

Angular 5中有一些内置的表单脏检查机制吗？实施此方案的最简单方法是什么？

我已更新Angular 5至Angular 6.现在我正在尝试更新我的代码以使其兼容RxJS 6.

.pipe(
  map(job => job[0]),
  switchMap((job) => {
    return job ? this.bookingService.findByID(job.property.id) : Observable.empty();
  }, (job: Job, bookings: Booking[]) => {
    this.mark_jobs_unavailable(job, bookings);
    return job;
  })
)

我正在收到有关使用switchMap的警告Deprecated Symbol is used.

这些是我的进口: import {map, switchMap} from 'rxjs/operators';

在v6中有没有其他方法可以使用switchMap？此外,如果我不更改我的代码rxjs-compat应该使我现有的代码工作(我已经安装)但我得到以下错误相同的代码,但在RxJS 5样式:

.map(job => job[0])
.switchMap((job) => {
    return job ? this.bookingService.findByID(job.property.id) : Observable.empty();
}, (job: Job, bookings: Booking[]) => {
    this.mark_jobs_unavailable(job, bookings);
    return job;
})

Error: Expected 1 argument …

Angular 5和Angular 6之间有什么区别.如何将我们的应用程序从Angular 5更新为Angular 6.

Angular 5和Angular 6之间的主要区别是什么？

1. 我正在尝试创建一个版本并得到以下错误

   11愚蠢的生命周期Corporate-solutions@0.0.0~start：返回：代码：139信号：空

   11愚蠢的生命周期Corporate-solutions@0.0.0~start：返回：代码：139信号：空

   12个信息生命周期Corporate-solutions@0.0.0~start：无法执行启动脚本

   13详细堆栈退出状态139

   EventEmitter的13个详细堆栈。（/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:285:16）

   产生时13的详细堆栈（events.js：126：13）

   EventEmitter.emit上的13个详细堆栈（events.js：214：7）

   ChildProcess上的13个详细堆栈。（/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14）

   产生时13的详细堆栈（events.js：126：13）

   ChildProcess.emit的13个详细堆栈（events.js：214：7）

   13个详细堆栈可能在mayClose（internal / child_process.js：925：16）

   Process.ChildProcess._handle.onexit上的13个详细堆栈（internal / child_process.js：209：5）

在启动服务器时有时也会出现相同的错误

1. npm版本v5.7.1
2. 节点版本v8.9.3
3. 操作系统：Ubuntu 16.04 LTS

以下是我的package.json

{
"name": "corporate-solutions",
"version": "0.0.0",
"scripts": {
    "ng": "ng",
    "start": "ng serve --ec true --port 4203 --host 0.0.0.0",
    "build": "node --max_old_space_size=5300 ./node_modules/.bin/ng build --prod",
    "win-build": "node --max_old_space_size=5300 ./node_modules/@angular/cli/bin/ng build --prod",
    "build-notify": "node --max_old_space_size=5300 ./node_modules/.bin/ng build --prod && echo 'message: Build Completed' | zenity --notification --listen",
    "build-push": "node --max_old_space_size=5300 ./node_modules/.bin/ng build --prod && ./distupload.sh",
    "gitbuild": "ng build …

在有角度的小吃店中居中文本的正确方法是什么？

我试过这个，这不起作用：

let config = new MatSnackBarConfig();
config.panelClass = 'center';
this.snackBar.open(message, undefined, config);

然后在一些 css 文件中（在同一个组件中，或者在全局文件中）：

.center {
   justify-content: center;
}