问题标签 [angular5]

我想将 jsonArray 转换为角度字符串，然后将其显示为 html 中的选择（下拉选择器）。

JSON 网址如下所示：

我的.service.ts：

我在 store.component.ts 和 app.component 文件中导入了服务

store.component.html

据我所知，我的 getcontentFromApi 方法不正确，并且绑定到 html select 不起作用。

我正在构建一个 Angular 通用应用程序，我现在拥有的只是网站的结构。我做了所有关于为 Angular Universal 转换我的应用程序的教程。

渲染需要 3 秒半。这对我来说似乎是一个巨大的时间。同样在 Chrome TTFB 的 DeveloperTools 中是 3.5 秒。除了路由之外，该应用程序还没有做任何事情。我不希望我未来的应用程序这么慢。

任何人都知道这是正常的还是有什么需要改进的地方？Github repo 有问题 https://github.com/Joniras/slow-universal-rendering-example

设置工作区并运行 angular-universal：

版本：
Angular CLI: 1.5.0
Node: 6.11.5 OS: win32 x64 Angular: 5.0.1 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, platform-server, router @angular/cdk: 5.0.0-rc0 @angular/cli: 1.5.0 @angular/flex-layout: 2.0.0-beta.10-4905443 @angular/material: 5.0.0-rc0 @angular-devkit/build-optimizer: 0.0.33 @angular-devkit/core: 0.0.20 @angular-devkit/schematics: 0.0.35 @ngtools/json-schema: 1.1.0 @ngtools/webpack: 1.8.0 @schematics/angular: 0.1.3 typescript: 2.4.2 webpack: 3.8.1 express 4.16.2
我必须将样式设置为代码，否则我无法发布

FooComponent 装饰器：

应用组件模板：

问题是在运行时 FooComponent 选择器与绑定的属性不匹配<div>，我们在 DOM 中留下了空的 div。

（当然，如果模板是<div myAttr="foo"></div>因为它是一个普通的旧属性，它就可以工作。）

这项工作非常好，这样不同的组件可以匹配 myAttr 的动态值。有没有人有什么建议？

我在@angular/core@5.0.1。

我们刚刚将我们的一个应用程序升级到 Angular 5，并开始转换为rxjs v5.5 中引入的 lettable运算符。

因此，我们使用.pipe()运算符将​​可观察管道重写为新语法。

我们之前的代码看起来像这样，如果抛出错误，则.catch()内部的as 不会中断效果的运行。.switchMap()

如果在调用中引发错误，dataService它将被捕获并处理（此处简化了错误处理）。

有了新的语法和使用.pipe()，我们现在有了这个

如何以类似的方式使用新语法捕获可观察管道中的任何抛出错误？

我一直在尝试几种方法，但我无法理解如何为我的项目生成定义文件。我有两个 angular-cli 生成的应用程序 A 和 B，我希望 A 将 B 作为一个包使用（带有 npm 链接）。据我了解，我需要在项目 B 中创建一个 index.ts 文件，其中包含我要导出的所有模块并运行“ng build”命令。我已经看到只创建捆绑包而不创建定义文件，我怎样才能生成定义文件？这是正确的方法吗？

我尝试了其他一些选项，例如“rollup”和“ngmakelib”，但完成这个简单的任务似乎非常困难。我们是否有一种简单的方法可以将 Angular 5 项目生成为库并从其他项目中使用这些库？

我正在使用最新的 Angular5 构建一个应用程序，我需要的是让用户能够切换语言。我从来不需要在 Angular2+ 中实现这个（实际上我使用的是 Angular5）。

我需要在两个地方设置翻译：

• 组件的模板 html - 将标签更改为指定的语言
• 在 component.ts 文件中的代码中 - 我可能需要翻译一些在代码中特定条件下动态构建的字符串

我正在查看ngx-translation，它看起来可以满足我的所有需求，因为它允许您在不重新构建代码的情况下更改语言，请参见此处。但是我读到它可能会被弃用，因为主要开发人员转移到 Angular 团队来开发他们的 i18n 代码。

我也了解当前的i18n不支持我现在需要的一切，请参见此处。

我的问题 - 最新版本的 Angular 中翻译的状态如何？是否有人会推荐其他库，如果确实，Angular 本身还没有得到完全支持（用于更改语言而不重新编译）？ngx-translate 对未来有好处吗？

非常感谢这方面的任何指导！

这在 Angular 4.x 中很好，只是在 Angular 5.0.1 中不行。这个项目是用 Angular CLI 生成的。

这是构造函数的样子：

该类有@Injectable()

它也已正确导入到模块提供程序中。

如果我把它改成这个，那么错误就会消失并且它可以工作，但是它希望你将整个解决方案中的每个构造函数都更改为这个语法，我认为这是不正确的。

这是我的 tsconfig.json，它确实将 emitDecoratorMetadata 正确设置为 true

我一直在 Angular 4 中使用 :host 伪类，没有任何问题。我们正在转换为 Angular 5，现在该样式似乎没有被添加到主机组件中。现在在新版本的 Angular 中是否有不同的方法来添加它？

isLeft 类是基于从父组件传递到组件的参数设置的，因为这个特定的控件可以以两种不同的格式显示，其中一种是响应式的。在组件内部，我有以下代码：

我知道有人建议使用@HostBinding 来完成所有这些工作。首先，我不确定当我必须使用媒体查询时它会如何工作。其次，使用@HostBinding 的唯一方法是在组件中包含样式，这违反了我们公司的标准。

提前致谢！

几天来，我试图将我的电子应用程序与 sqlite 集成。我已经使用以下脚本构建了 sqlite：

我能够连接到数据库，创建 db 文件，但来自 javascript，如下所示：

但由于我使用的是组件方法，我想创建单独的打字稿服务以提供所有数据库功能并使其可以从 TS 组件中访问。所以我只是试图将此代码移动到 TS 但它不起作用。网络上的所有示例都是关于在 js 文件或组件中使用此行，但我认为在旧版本的 Angular 中，因为我收到以下错误：

我能够从 ts 脚本调用专用的 js 文件，但效果相同。看起来很轻，使用 require 为时已晚？有没有人设法使它工作？

这是我的配置

问候简

在服务中发出 http 请求时，我得到了这个响应。

这是登录组件

我在 App.module 的提供者中添加了 UserService

这是用户服务

这是控制台

相同的 get 请求在 LoginComponent 中有效，但在 UserService 中无效。UserService 是全局服务，而 Login 位于不同的模块中。

我还在 app.module 和 Login Module 中添加了 HTTPClientModule。