Questions tagged «angular6»

更新到Angular 6.0.1后，出现以下错误ng serve： Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40) ng update说一切都井井有条。删除node_modules文件夹和全新npm install安装也无济于事。 我的项目基于ng2-admin（Angular4版本）。这是我的package.json依赖项： "dependencies": { "@angular/animations": "^6.0.1", "@angular/common": "^6.0.1", "@angular/compiler": "^6.0.1", "@angular/core": "^6.0.1", "@angular/forms": "^6.0.1", "@angular/http": "^6.0.1", "@angular/platform-browser": "^6.0.1", "@angular/platform-browser-dynamic": "^6.0.1", "@angular/platform-server": "^6.0.1", …

446 angular  angular-cli  angular6  angular-cli-v6 

我正在尝试将Angular 5.2应用程序更新为Angular6。我已成功按照Angular更新指南（包括angular-cli对v6 的更新）中的说明进行操作，现在我正尝试通过以下方式为该应用程序提供服务 ng serve --env=local 但这给了我错误： 未知选项：“-env” 我使用了多个环境（dev/local/prod），这就是它在Angular 5.2中的工作方式。我现在如何在Angular 6中设置环境？

169 angular  angular6  angular-cli 

运行我的应用程序时出现此错误。这是我的申请的详细信息。 Angular CLI: 7.3.3 Node: 10.15.1 Angular: 7.2.7 @angular-devkit/architect -0.13.3 @angular-devkit/build-angular- 0.800.1 @angular-devkit/build-optimizer - 0.800.1 @angular-devkit/build-webpack - 0.800.1 @angular-devkit/core -7.3.3 @angular-devkit/schematics -7.3.3 @angular/cli -7.3.3 @ngtools/webpack -8.0.1 @schematics/angular -7.3.3 @schematics/update 0.13.3 rxjs 6.3.3 typescript 3.2.4 webpack 4.30.0 我已经尝试过清理缓存。

159 angular6  angular7 

打字稿代码： import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]> { return of(HEROES); } } 错误信息： …

156 angular  typescript  rxjs  angular6  rxjs6 

在Angular CLI中生成服务时，它将为Injectable装饰器添加带有“提供的”属性且默认值为“ root”的额外元数据。 @Injectable({ providedIn: 'root', }) ProvideIn到底做什么？我假设这使服务像整个应用程序的“全局”类型单例服务一样可用，但是，在AppModule的提供程序数组中声明这样的服务会更干净吗？ 更新： 对于其他任何人，以下段落也对此提供了另一个很好的解释，特别是如果您只想为功能模块提供服务。 现在有一种推荐的新方法，可以@Injectable()使用new providedIn 属性在装饰器内部直接注册提供程序。它接受'root'作为值或您的应用程序的任何模块。使用时'root'，您injectable将在应用程序中注册为单例，而无需将其添加到根模块的提供者中。同样，如果使用 providedIn: UsersModule，injectable注册为的提供者，UsersModule而不会将其添加到providers模块的。” -https://blog.ninja-squad.com/2018/05/04/what-is-new-angular -6 / 更新2： 经过进一步调查，我认为只有 providedIn: 'root' 如果要provide在根模块以外的任何模块中使用服务，则最好使用providers功能模块装饰器中的数组，否则将遇到循环依赖关系。这里有趣的讨论-https: //github.com/angular/angular-cli/issues/10170

136 angular  angular6 

我读过 文档，其中说如果要使用scss，必须运行以下命令： ng set defaults.styleExt scss 但是当我这样做并制作该文件时，我仍然在控制台中收到此错误： styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

134 css  angular  sass  angular6  angular-cli 

在Angular Material Design 6中，删除了（更改）方法。当用户更改选择时，我找不到如何替换更改方法以在组件中执行代码。谢谢！

129 angular  angular6 

我正在尝试使用ng-contentAngular 6中的多个组件来构建自定义组件，但这不起作用，我也不知道为什么。 这是我的组件代码： <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> 我试图在另一个地方使用此组件，并在body和的标头select中呈现两个不同的HTML代码ng-content，如下所示： <div #header>This should be rendered in header selection of ng-content</div> <div #body>This should be rendered in body selection of ng-content</div> 但是组件使空白。 你们知道我可能做错了什么，还是在同一组件中呈现两个不同部分的最佳方法是什么？ 谢谢！

103 angular  angular6  angular-components  ng-content 

我最近正在使用@ ngrx / store学习Angular 6，而本教程之一是使用@ ngrx / store进行状态管理，但是我不了解在后台使用@ ngrx / store的好处。 例如，对于一个简单的登录和注册操作，以前通过使用服务（我们将其称为AuthService），我们可能会使用它来调用后端api，在AuthService中存储“ userInfo”或“ token”，将用户重定向到“ HOME”页面，然后我们可以使用DI将AuthService注入到需要获取userInfo的任何组件中，这只需一个文件AuthService就可以处理所有内容。 现在，如果我们使用@ ngrx / store，我们需要定义Action / State / Reducer / Effects / Selector，可能需要写入4或5个文件来处理上述操作或事件，然后有时我们仍然需要调用后端api使用服务，这似乎更加复杂和多余。 在其他情况下，我什至看到某些页面使用@ ngrx / store存储对象或对象列表（如网格数据）。，这是否适合某种内存存储方式？ 回到问题所在，为什么我们在Angular项目中的服务注册存储中使用@ ngrx / store？ 我知道这是用于“状态管理”的，但是“状态管理”到底是什么？那是事务日志之类的东西，什么时候需要？我们为什么要在前端进行管理？请随时在@ ngrx / store区域分享您的建议或经验！

84 angular5  angular6  ngrx-store  state-management 

在Angular 2.0.0中，我正在对使用路由器的组件进行单元测试。但是我得到“提供的参数与呼叫目标的任何签名都不匹配。” 错误。在spec.ts中的Visual Studio代码中，新的Router（）以红色突出显示 如果有人能让我知道正确的语法，我将不胜感激。提前致谢。我的代码如下： 规格 import { TestBed, async } from '@angular/core/testing'; import { NavToolComponent } from './nav-tool.component'; import { ComponentComm } from '../../shared/component-comm.service'; import { Router } from '@angular/router'; describe('Component: NavTool', () => { it('should create an instance', () => { let component = new NavToolComponent( new ComponentComm(), …

76 angular  unit-testing  angular6  karma-jasmine  angular7 

由于我已经创建@Directive为as SelectableDirective，因此对于如何将多个值传递给自定义指令我有些困惑。我已经搜索了很多，但是没有用Typescript在Angular中得到正确的解决方案。 这是我的示例代码： 父组件为MCQComponent： import { Component, OnInit } from '@angular/core'; import { Question } from '../question/question'; import { AppService } from '../app.service/app.service'; import { SelectableDirective } from '../selectable.directive/selectable.directive'; import { ResultComponent } from '../result-component/result.component'; @Component({ selector: 'mcq-component', template: " ..... <div *ngIf = 'isQuestionView'> <ul> <li *ngFor = 'let …

75 javascript  angular  typescript  angular6