问题标签 [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.
angular - ngrx/store@6.1.0 在升级到 Angular 7 时需要 @angular/core@^6.0.0 的同级
我尝试将 Angular 6 应用程序迁移到 Angular 7 应用程序并收到以下警告消息
这意味着什么 ?
这是否意味着 angular 7 没有兼容的商店?
我的商店不会工作吗?
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)
我不明白管道与此有什么关系,但我认为这可能是角度错误,知道如何解决这个问题吗?
angular - Angular 7、NGXS 和 Firestore:冗余问题
目前,我从 Firestore 获取数据,然后将其修补到状态中。我也使用 NGXS 存储插件。
这一切都有效,但似乎是多余的。
当我获取状态时,我使用常规和加入的@Selectors 的组合。这意味着我没有利用 Firestore 查询选项,我的代码最终在大小和复杂性方面变得臃肿。
当使用带有 enablePersistence 的 Firestore 时,真的需要 NGXS 吗?
可以做些什么来简化架构?
提前致谢 :)
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”之间的联系在哪里?谢谢你。
javascript - Angular 7 中的访问函数
在我的组件类 (HeaderComponent) 中,每次单击 changeBannerArrow() 和 changeBannerImg() 这两个函数时,我都想访问 changeBtnColorBg 函数
这些函数在 HTML 端的 onclick 事件上触发
但是这种结构会产生错误
HeaderComponent.html:15 错误 ReferenceError: changeBtnColorBg 未定义
有人可以帮忙吗?我是新手
arrays - Angular 7:自定义类装饰器破坏组件范围
我有一个装饰器,它会ngOnInit
写一个console.log
日志装饰器.ts
和一个HelloComponent
使用@Log()
和导入服务的ngOnInit
你好.component.ts
但这会导致异常:
错误类型错误:无法读取未定义的属性“sayHello”
@Log()
如果我从中删除HelloComponent
有效!
装饰器似乎破坏了组件范围:
在此调用之后,this.helloService
is undefined
in the ngOnInit
of HelloComponent
,但没有@Log()
,this.helloService
是一个HelloService
实例。
我该如何解决?
Stackblitz 上的实时示例: https ://stackblitz.com/edit/angular-7hhp5n
angular - Angular 7,虚拟滚动。无法在 max 中设置 scrollTop
尝试使用 Virtual Scroll 进行聊天。工作正常,但我有一个问题。加载数据时,我将 scrollTop 设置为 max 以移动以结束聊天。但结果,我不是在最后,而是几乎在最后(比底部高约 500px)。也许关于如何解决它的一些想法?
我使用CdkScrollable
来自'@angular/cdk/scrolling'
.
在这样的组件中使用它:
angular - 将应用程序图标保存为内部资产或从远程存储中提供它们?
我正在开发一个 Angular 7 购物清单应用程序,带有 CLI Schematics (@angular/pwa) 的 PWA。
该应用程序将在手风琴内提供按项目类型分组的购物图标(每个类别大约 10 到 20 个,每个 2KB 到 6KB)。PWA 应用程序将仅由手机使用(仅用于上下文,因为这没有区别)。
由于图标不会改变,我不确定以下方法:
- 提供所有图标作为内部资产
- 远程存储图像
(我使用 Firebase 作为数据库,因此我正在考虑使用 Firebase 存储)
第一种方法的好处是所有图标都可以立即使用,但会使整个应用程序的大小更大。另一方面,第二种将遵循更多的延迟加载方法,仅下载请求的资产,然后在本地缓存。缺点是下载图标的加载时间较长(至少是第一次或缓存过期时)。
目前,我倾向于使用 PWA 延迟加载策略的解决方案 2,但我很想知道在这种情况下是否有更好的方法。