问题标签 [angular7]

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.

0 投票
2 回答
3363 浏览

angular - ngrx/store@6.1.0 在升级到 Angular 7 时需要 @angular/core@^6.0.0 的同级

我尝试将 Angular 6 应用程序迁移到 Angular 7 应用程序并收到以下警告消息

这意味着什么 ?

这是否意味着 angular 7 没有兼容的商店?

我的商店不会工作吗?

0 投票
1 回答
1040 浏览

javascript - Angular 7 ng build,registry.registerUriHandler 不是 bitbucket 管道中的函数

我刚刚将我的应用程序更新到 Angular 7,它在本地编译得很好但是当我尝试部署到 bitbucket 时,我在 ng build 中遇到了这个错误

registry.registerUriHandler 不是函数 TypeError:registry.registerUriHandler 不是 Object.runCommand 处的函数(/opt/atlassian/pipelines/agent/build/node_modules/@angular/cli/models/command-runner.js:47:14 ) 在对象的 default_1 (/opt/atlassian/pipelines/agent/build/node_modules/@angular/cli/lib/cli/index.js:32:54)。(/usr/local/lib/node_modules/@angular/cli/lib/init.js:125:1) 在 Module._compile (module.js:643:30) 在 Object.Module._extensions..js (module. js:654:10) 在 Module.load (module.js:556:32) 在 tryModuleLoad (module.js:499:12) 在 Function.Module._load (module.js:491:3) 在 Module.require ( module.js:587:17) 在 require (internal/module.js:11:18)

我不明白管道与此有什么关系,但我认为这可能是角度错误,知道如何解决这个问题吗?

0 投票
1 回答
334 浏览

angular - Angular 7、NGXS 和 Firestore:冗余问题

目前,我从 Firestore 获取数据,然后将其修补到状态中。我也使用 NGXS 存储插件。

这一切都有效,但似乎是多余的。

当我获取状态时,我使用常规和加入的@Selectors 的组合。这意味着我没有利用 Firestore 查询选项,我的代码最终在大小和复杂性方面变得臃肿。

当使用带有 enablePersistence 的 Firestore 时,真的需要 NGXS 吗?

可以做些什么来简化架构?

提前致谢 :)

0 投票
1 回答
429 浏览

angular - angularjs 英雄之旅示例,如何实现 web API Server

我是 Angular 的新手,我曾经使用 PHP 和一些 JavaScript 进行编码。所以看了《英雄之旅》示例代码,还是没有搞清楚HttpClient的概念。假设我要使用 MongoDB 和 Node.js 准备 Web API 服务器。如何准备代码以接受来自英雄之旅示例的 API 请求?有关如何执行此操作的任何示例代码?

同样在英雄之旅示例中, hero.service.ts 中执行大部分 http 进程的部分。

这个“api/英雄”指的是哪里?我知道“in-memory-data.service.ts”会处理所有的http请求。但是当我看到里面的代码时,它看起来太简单了。您能否解释一下“in-memory-data.service.ts”如何提供 API 请求所需的数据。例如搜索英雄功能:

该函数使用“api/heroes”并提供查询词(英雄名称)并将返回一个英雄数组。我只是不明白为什么 http.get 可以查看 api/heroes 并获取 Hero 数组。api/heroes 和“in-memory-data.service.ts”之间的联系在哪里?谢谢你。

0 投票
3 回答
1835 浏览

angular - 角度 7.0 更新后

我更新到 Angular 7 并且在尝试创建新的 Angular 项目时出现此错误。

ng新错误:

图片

角度版本:

图片

0 投票
3 回答
3142 浏览

javascript - Angular 7 中的访问函数

在我的组件类 (HeaderComponent) 中,每次单击 changeBannerArrow() 和 changeBannerImg() 这两个函数时,我都想访问 changeBtnColorBg 函数

这些函数在 HTML 端的 onclick 事件上触发

但是这种结构会产生错误

HeaderComponent.html:15 错误 ReferenceError: changeBtnColorBg 未定义

有人可以帮忙吗?我是新手

0 投票
1 回答
1050 浏览

arrays - Angular 7:自定义类装饰器破坏组件范围

我有一个装饰器,它会ngOnInit写一个console.log

日志装饰器.ts

和一个HelloComponent使用@Log()和导入服务的ngOnInit

你好.component.ts

但这会导致异常:

错误类型错误:无法读取未定义的属性“sayHello”

@Log()如果我从中删除HelloComponent有效!

装饰器似乎破坏了组件范围:

在此调用之后,this.helloServiceis undefinedin the ngOnInitof HelloComponent,但没有@Log(),this.helloService是一个HelloService实例。

我该如何解决?

Stackblitz 上的实时示例: https ://stackblitz.com/edit/angular-7hhp5n

0 投票
1 回答
361 浏览

angular - Angular 7,虚拟滚动。无法在 max 中设置 scrollTop

尝试使用 Virtual Scroll 进行聊天。工作正常,但我有一个问题。加载数据时,我将 scrollTop 设置为 max 以移动以结束聊天。但结果,我不是在最后,而是几乎在最后(比底部高约 500px)。也许关于如何解决它的一些想法?

我使用CdkScrollable来自'@angular/cdk/scrolling'.

在这样的组件中使用它:

0 投票
1 回答
956 浏览

angular - Visual Studio Typescript Errors Angular 7 - 在环境上下文中不允许使用初始化程序

我在 VS.Initializers are not allowed in 环境上下文中收到以下错误

我已将 TypeScriptToolsVersion 设置为最新,在类似问题的其他答案中已将其作为可能的修复方法。

错误

我正在使用 VS 2017。我已将环境变量的路径添加到 TypeScript\3.0

0 投票
1 回答
34 浏览

angular - 将应用程序图标保存为内部资产或从远程存储中提供它们?

我正在开发一个 Angular 7 购物清单应用程序,带有 CLI Schematics (@angular/pwa) 的 PWA。

该应用程序将在手风琴内提供按项目类型分组的购物图标(每个类别大约 10 到 20 个,每个 2KB 到 6KB)。PWA 应用程序将仅由手机使用(仅用于上下文,因为这没有区别)。

由于图标不会改变,我不确定以下方法:

  1. 提供所有图标作为内部资产
  2. 远程存储图像

(我使用 Firebase 作为数据库,因此我正在考虑使用 Firebase 存储)

第一种方法的好处是所有图标都可以立即使用,但会使整个应用程序的大小更大。另一方面,第二种将遵循更多的延迟加载方法,仅下载请求的资产,然后在本地缓存。缺点是下载图标的加载时间较长(至少是第一次或缓存过期时)。

目前,我倾向于使用 PWA 延迟加载策略的解决方案 2,但我很想知道在这种情况下是否有更好的方法。