SSR注意事项 但是该注入_document对象在ngOnInit以及constructor中不可以调用，否则会导致返回静态页面异常。而api数据需要写在ngOnInit以及constructor中，才能保证返回的静态页面中包含这些数据！这是由于服务器没有这几个对象，注入只能保证在AfterViewInit以及之后的逻辑处理可以正常调用。同理，Subject对象的订阅在静态页面生成前也无法接收任何订阅消息。通常使用注入的方式处理浏览器对象。初始的返回静态页面的逻辑不可调用。
Angular9: No name was provided for external module 'xxx' in output.globals 报错解决Angular9在build library的时候会报一下警告WARNING: No name was provided for external module '@progress/kendo-angular-dateinputs' in output.globals – guessing 'kendoAngularDateinputs'这是由于某个包的映射出了问题，需要手动指定...
Angular9在某一个组件中使用Google map 前言一般来说，Anuglar引用外部的JS或者CSS，会在index.html中引用，但是这样子会使得项目变得臃肿，对于只有某一些组件才会用到的第三方js来说，放到index根目录非常不合适。这里就拿google map举例，如何在某一组件中使用。解决方式在app下创建一个Componentng g c google-mapgoogle-map.component.ts// 在构造...
Angular8升级到Angular9以及报错解决 升级8->9升级方式和之前版本更新差不多，想看详细解释的可以看我之前的博客，这里直接放升级的code。1.升级全局Angular CLInpm install -g @angular/cli@latest2.解决CLI和程序CLI版本不一致问题npm rebuild node-sass3.（可选）升级kendo组件，没有的直接到跳到4npm install -g npm-c...
使用vscoed将Angular程序上传至TFS（Azure Devops）具体方式和报错解决 前记工作原因经常需要上传文件至TFS，但是一段时间不用又会忘记，所以这里具体记录一下，供大家一起学习。一.上传代码1.首先找到写Angular的根文件（就是有package.json的地方）单击右键执行Git Bash Here，输入下方代码，git init并检查需要上传的文件git status添加上传的文件git add -A2.设置上传库的地址一般在库的主页都...
Angular6升级到Angular8报错解决合集 1.polyfills.ts中reflect文件丢失报错如下ERROR in ./src/polyfills.tsModule not found: Error: Can't resolve 'core-js/es7/reflect' in 'E:\AJ\update_to8\LibraryDemo\telerik\src'解决方案import ‘core-js/es7/reflect...
Angular6 升级到 Angular8 这里只是列举了一种本人升级成功的方式，可能不完善，或许其他人升级也会遇到其他问题。之后有新的发现会更新具体升级方式这里用的是基础的Angular6项目，里面只有部分第三方插件1.升级全局Angular CLInpm install -g @angular/cli@latest2.解决CLI和程序CLI版本不一致问题npm rebuild node-sass3.启动更新程序，查看...
解决Chrome extension 报错 The message port closed before a response was received 在开发谷歌插件过程中，突然报错下面内容，并无法消除。这是chrome版本73更新后的问题。去stackoverflow查询得出的结果是跨域问题。然而在解决完所有跨域后仍然报错，也就是说并不是跨域导致的。解决方案这是由于某一脚本页（content-script.js or background.js or popup.js）使用了chrome.runtime.sendMessage或者t...
angular2+升级至angular6 前言由于工作需要升级了许多老版本的angular项目，这里贴一下升级方式具体代码首先安装最新的angular clinpm install -g @angular/cli@latest然后cd到项目中，在需要升级的项目中执行下方命令，安装最新的angular cli到项目注册表(package.json)中npm install --save-dev @angular...
angular4+中使用google maps开发定位功能 前言这里先放一下注册google map api key的链接（我是链接），没有注册的小伙伴可以去注册一下，google map需要用到。这里放上JS教程链接（教程链接），和官方文档另外必须有一VPN，不然地图会加载不出来正文首先创建一个angular4+的程序，ng new googlemapdemo这个就很简单不单独说了，然后在生成的文件中找到index.html...
angular4强制刷新视图 使用angular的过程中有时会出现数据已经更新了，但是对于的视图没有更新，针对这一情况，可以是用angular提供的方法强制更新视图。import {NgZone} from '@angular/core'; constructor(private zone: NgZone) { this.zone.run(() => { // 要更新视图的代码 })}...
jq方法中拿到angular属性 // 初始化方法 public initsignalr() { // 这个方法里面用That就可拿到angular属性 const that = this; const url = Urls.serverUrl + '/signalr'; this.connection = $.hubConnection(url, { useDefault
关注
