问题标签 [angular6]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

7887 问题

0 投票

1 回答

721 浏览

angular - 从 Angular 5 迁移到 Angular 6 我得到了这些错误 TypeError: You provide an invalid object where a stream is expected

这些代码在 Angular 5 中可以正常工作，但是在迁移到 Angular 6 时，我收到了错误消息：

错误错误：未捕获（承诺中）：TypeError：您在预期流的位置提供了无效对象。您可以提供 Observable、Promise、Array 或 Iterable。TypeError：您在预期流的位置提供了无效对象。您可以提供 Observable、Promise、Array 或 Iterable。at subscribeTo (subscribeTo.js:41) at from (from.js:17) at new QueryRef (QueryRef.js:6) at Apollo.push../node_modules/apollo-angular/Apollo.js.ApolloBase.watchQuery (Apollo .js:29) 在contacts.service.ts:75

这是代码

我真的很感激一些可能会产生此错误的迹象

0 投票

3 回答

822 浏览

angular6 - 将 Angular cli 更新到 6.0.0 后无法在 Angular 6 中创建新项目

我刚刚将我的 angular cli 更新到 6.0.0 版这里是截图

并在检查 angular cli 的版本后发现了一些错误。当我尝试使用“ng-new my-app”（不带引号）创建项目时，它给了我这个错误这里是截图

angular6

0 投票

3 回答

3833 浏览

angular - Angular 6 - 创建（非根）模块范围服务

据我所知，直到 angular 6 ，所有@Ngmodule 提供程序都在根注入器上注册并在主包中提供服务，即使只有延迟加载的模块使用它们。

唯一的例外是如果我们想在组件级别创建非单例服务。

我想创建一个单例服务，该服务仅对特定模块（而不是根模块）可见，因此不会在主热切加载的包中提供服务。

看到在 Angular 6 中，模块将不再需要通过 "providers" 来引用服务，而是服务现在将引用模块。

这可以通过@Injectable注解和provideIn属性来完成。

我没有找到一个很好且清晰的示例来说明如何添加不是“root”的模块名称，如下所示：

在上面的代码片段中导入 LazyLoaded 模块并将其写为“MyLocalModule”会导致循环依赖的警告。我可以通过将服务移动到其他模块来解决这个问题，但是我失去了最初的目的。

检索参考列表：

https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4

https://jaxenter.com/new-angular6-143995.html

https://www.ngdevelop.tech/angular-6-features/

https://blog.ninja-squad.com/2018/05/04/what-is-new-angular-6/

http://ankitsharmablogs.com/getting-started-with-angular-6-0/

https://www.youtube.com/watch?v=Xr5l7lT--YU

angular typescript web frontend angular6

0 投票

1 回答

1009 浏览

angular - Angular 6 路由转换不会从 Edge/IE 的视图中删除以前的路由

我已按照本文向我的路由器添加过渡。

这在使用 Angular 5 时一切正常，但是在我升级项目以使用 Angular 6 后，我在 Edge 和 IE 中遇到了奇怪的行为。当在路由更改时触发转换时，新路由会滑入，但之前的路由仍会在 UI 中呈现。我包含了所有的 polyfill，它在 chrome 中运行良好。我错过了什么？

这是我的路由器动画

angular angular-animations angular6

0 投票

1 回答

1910 浏览

angular5 - Angular 6 迁移 PWA 不起作用

我最近将我的应用程序迁移到 Angular 6，它在 Angular 5 中运行良好，我遇到了很多问题，但无论如何我解决了它们，但是 PWA 我无法迁移，在 Angular 5 中 PWA 运行良好，但在 6给出以下错误...

当我跑步时

请帮助如何在 Angular 6 中迁移或添加 PWA

angular5 angular6

0 投票

4 回答

9688 浏览

angular - 更新到 Angular 6 后 Angular 材质库出现问题

当我尝试编译应用程序时，它抛出了这个错误：

ERROR in src/app/app.module.ts(15,5): error TS2304: Cannot find name 'MatToolbarModule'. src/app/app.module.ts(16,5): error TS2304: Cannot find name 'MatSidenavModule'. src/app/app.module.ts(17,5): error TS2304: Cannot find name 'MatButtonModule'. src/app/app.module.ts(18,5): error TS2304: Cannot find name 'MatIconModule'. src/app/app.module.ts(19,5): error TS2304: Cannot find name 'MatListModule'. src/app/app.module.ts(20,5): error TS2304: Cannot find name 'MatMenuModule'. src/app/app.module.ts(21,5): error TS2304: Cannot find name 'AuthModule'. src/app/app.module.ts(22,5): error TS2304: Cannot find name 'AppRoutingModule'. src/app/app.module.ts(24,5): error TS2304: Cannot find name 'MatGridListModule'. src/app/app.module.ts(25,5): error TS2304: Cannot find name 'FlexLayoutModule'.

当我尝试通过它向项目添加材料时，ng add @angular/material它向我显示：