升级到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 …

我是棱角分明的新人.我使用vs2015和最新的角度包创建了一个web应用程序.当我尝试从按钮单击事件上的组件调用我的服务时,我在浏览器控制台窗口中收到以下错误.

错误: -

ERROR Error: Uncaught (in promise): Error: StaticInjectorError[ViewCountService]: 
  StaticInjectorError[ViewCountService]: 
    NullInjectorError: No provider for ViewCountService!
Error: StaticInjectorError[ViewCountService]: 
  StaticInjectorError[ViewCountService]: 
    NullInjectorError: No provider for ViewCountService!
    at _NullInjector.get (injector.js:31)
    at resolveToken (injector.js:387)
    at tryResolveToken (injector.js:330)
    at StaticInjector.get (injector.js:170)
    at resolveToken (injector.js:387)
    at tryResolveToken (injector.js:330)
    at StaticInjector.get (injector.js:170)
    at resolveNgModuleDep (ng_module.js:103)
    at NgModuleRef_.get (refs.js:1037)
    at resolveDep (provider.js:455)
    at _NullInjector.get (injector.js:31)
    at resolveToken (injector.js:387)
    at tryResolveToken (injector.js:330)
    at StaticInjector.get (injector.js:170)
    at resolveToken (injector.js:387)
    at tryResolveToken (injector.js:330)
    at StaticInjector.get (injector.js:170)
    at resolveNgModuleDep (ng_module.js:103)
    at NgModuleRef_.get …

我遇到了一个我无法弄清楚的非常烦人的错误.单击detailsbtn后,将出现"ExpressionChangedAfterItHasBeenCheckedError".

房产列表

物业详情

==============================================

routing.module

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { PropertyComponent } from './property/property.component';
import { ListingComponent } from './property/listing/listing.component';
import { DetailsComponent } from './property/listing/details/details.component';

import { DetailsResolve } from './property/listing/details/details.resolve';

const routes: Routes = [
    {
        path: '',
        redirectTo: '/',
        pathMatch: 'full'
    },
    {
        path: '',
        component: PropertyComponent,
        children: [
            {
                path: '',
                component: ListingComponent
            },
            {
                path: 'listing/:address',
                component: DetailsComponent,
                resolve: {
                    DetailsResolve
                }
            } …

我正在使用角度5并面临问题。我想提交（单击）事件并一一调用两种或多种方法。请给我想法或解决方案，以便我可以提交（单击）事件并调用两个或多个方法。

如

.html文件

   <button (click)="abc(); bcde()"></button>

.ts文件

  first method  
  abc(){}

  second method method
  bcde(){}

这是正确的方法吗 请建议我并帮助我解决这个问题

我们必须等到Angular 6 for angular-i18n才能支持错误消息代码的翻译等.

对于那些使用angular-i18n(例如,而不是ngx-translate)的人,你在做什么同时处理代码中的翻译？在我看来,如果没有很多字符串,那么一个简单的语言服务,通过语言代码和id来获得翻译的方法就可以了,但我对更优雅和"有棱角"的东西感兴趣.

我不知道承诺的代码翻译支持会是什么样子,但任何临时解决方案在上线时都可以很容易地转换为angular-i18n方式.

有什么人在处理这个问题？有任何想法吗？

我正在尝试使用angular 5和.NET core 2构建我的第一个应用程序; 该应用程序在visual studio 2017中创建,作为一个基于.Net core 2的空白网站; 我正在为客户端使用angular 5,并维护数据访问,安全性,授权......我正在使用.Net core 2创建Web API控制器,它将从angular调用; 我还不知道如何创建报告,其要求如下:

1. 报告是文本的,可以包含子报告或图像;
2. 它们应该在服务器端创建,因为其中一些应该保存在Web服务器上
3. 它们应作为图像或PDF文件导出
4. 它们也应该显示在HTML页面上,无论它们是否已保存在网络服务器上:所以应该有一种方法可以恢复到角度5并在浏览器上显示这些报告
5. 请注意,我没有SQL数据库,但我没有Oracle 11G,我想这样我必须创建一个数据集并填充它,然后这个数据集将在报告中使用.

之前,我曾经用上述所有内容创建RDLC或水晶报表,我可以从服务器端运行新选项卡来显示我的报告; 但现在事情变得更加复杂和新......所以任何提示都不仅仅是值得赞赏的.

正如您可能从角度材料文档中了解到的那样,mat-expansion-panel将@Output命名为"opened",这是在打开手风琴项目时发出的.我想抓住那个打开的事件并确定哪个面板被打开了.但是这个简单的代码(下面)总是只返回undefined.我做错了什么？此输出是仅发出未定义还是我错过了什么？材料文档没有说明这种情况.

component.html

<mat-accordion multi>
  <mat-expansion-panel (opened)="openGroup($event)" *ngFor="let element of Data">
    <mat-expansion-panel-header>
      <mat-panel-title>
        <ul class="nav-tabs">
          <li class="col-xs-3">{{element.param1}}</li>
          <li class="col-xs-5">{{element.param2}}</li>
          <li class="col-xs-3">{{element.param3}}</li>
        </ul>
      </mat-panel-title>
    </mat-expansion-panel-header>

    <div>
      <p>{{element.content}}</p>
    </div>
  </mat-expansion-panel>
</mat-accordion>

component.ts

Data = [
  // This returns from backend, this is only for show that the Data is not empty
  { /* some data here*/ },
  { /* some data here*/ },
  { /* some data here*/ }
];

openGroup(e) {
  console.log(e);
}

我们正在将我们的应用程序从AngularJS转换为Angular5.我试图弄清楚如何使用Angular5复制一些行为 - 即使用服务器端渲染来创建可注入值.

在我们当前的Angular1.6应用程序中,我们有这个index.hbs文件:

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Collaborative Tool</title>
  <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
</head>

<body class="aui content" ng-app="app">

  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>

  <script>

    /* globals angular */
    angular.module('app')
      .value('USER', JSON.parse('{{{user}}}'))
      .value('WORKSTREAM_ENUM', JSON.parse('{{{workStreamEnum}}}'))
      .value('CATEGORY_ENUM', JSON.parse('{{{categoryEnum}}}'))
      .value('ROLES_ENUM', JSON.parse('{{{roles}}}'))
      .value('FUNCTIONAL_TEAM_ENUM', JSON.parse('{{{functionalTeams}}}'))
      .value('CDT_ENV', '{{CDT_ENV}}')
      .value('CDT_HOST', '{{CDT_HOST}}')
      .value('CDT_LOGOUT_URL', '{{CDT_LOGOUT_URL}}');


  </script>

</body>
</html>

所以我们做的是在第一个脚本标签中加载角度,然后使用第二个脚本标签创建一些值/枚举/常量.基本上使用服务器端渲染(把手)将数据发送到前端.

我的问题:有没有办法用Angular5做一些非常相似的事情？ 我们如何使用服务器端渲染在Angular5中创建可注入的模块/值？

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

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

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

这个问题可能已经有了答案,但没有一个是Angular特有的.这里是其中的一些

• CKEditor 5和图像按钮
• 如何在CKEditor 5中启用图像上传支持？
• 将图像插入CKeditor

我正在使用Angular 5并遵循此文档来实现ckeditor5-angular.

但我遇到图像上传问题,当我尝试上传图片时,它在浏览器控制台中说.

filerepository-no-upload-adapter:未定义上载适配器.阅读更多:https://docs.ckeditor.com/ckeditor5/latest/framework/guides/support/error-codes.html#error-filerepository-no-upload-adapter

我已经尝试过搜索这个问题并且能够找到很多解决方案,但实际上我无法理解其中的一个,因为它们不是Angular特有的.

请帮助我如何上传图片.