- 博客(28)
- 收藏
- 关注
RSS订阅原创 SSR注意事项
但是该注入_document对象在ngOnInit以及constructor中不可以调用，否则会导致返回静态页面异常。而api数据需要写在ngOnInit以及constructor中，才能保证返回的静态页面中包含这些数据！这是由于服务器没有这几个对象，注入只能保证在AfterViewInit以及之后的逻辑处理可以正常调用。同理，Subject对象的订阅在静态页面生成前也无法接收任何订阅消息。通常使用注入的方式处理浏览器对象。初始的返回静态页面的逻辑不可调用。
2023-08-29 11:22:49
80
原创 SSR使用HTTPS
3.server.ts 修改function run()1.安装 npm i browser-sync。2. 再angular.json里配置。
2023-08-17 09:39:51
571
原创 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'这是由于某个包的映射出了问题，需要手动指定...
2020-04-24 11:16:33
2402
原创 Angular9在某一个组件中使用Google map
前言一般来说，Anuglar引用外部的JS或者CSS，会在index.html中引用，但是这样子会使得项目变得臃肿，对于只有某一些组件才会用到的第三方js来说，放到index根目录非常不合适。这里就拿google map举例，如何在某一组件中使用。解决方式在app下创建一个Componentng g c google-mapgoogle-map.component.ts// 在构造...
2020-04-21 17:54:18
614
原创 SQL server还原bak报错以及解决办法
使用sql server2019还原bak备份文件的时候经常会报以下错误解决办法从左边选择选项，勾中第一个覆盖现有数据库即可
2020-03-04 13:31:24
2215
原创 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...
2020-02-22 11:58:23
7648
2
原创 使用vscoed将Angular程序上传至TFS（Azure Devops）具体方式和报错解决
前记工作原因经常需要上传文件至TFS，但是一段时间不用又会忘记，所以这里具体记录一下，供大家一起学习。一.上传代码1.首先找到写Angular的根文件（就是有package.json的地方）单击右键执行Git Bash Here，输入下方代码，git init并检查需要上传的文件git status添加上传的文件git add -A2.设置上传库的地址一般在库的主页都...
2020-02-21 17:21:02
818
原创 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...
2019-06-26 08:56:57
4168
原创 Angular6 升级到 Angular8
这里只是列举了一种本人升级成功的方式，可能不完善，或许其他人升级也会遇到其他问题。之后有新的发现会更新具体升级方式这里用的是基础的Angular6项目，里面只有部分第三方插件1.升级全局Angular CLInpm install -g @angular/cli@latest2.解决CLI和程序CLI版本不一致问题npm rebuild node-sass3.启动更新程序，查看...
2019-06-25 10:46:10
5477
原创 解决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...
2019-04-10 16:15:05
27082
4
原创 angular2+升级至angular6
前言由于工作需要升级了许多老版本的angular项目，这里贴一下升级方式具体代码首先安装最新的angular clinpm install -g @angular/cli@latest然后cd到项目中，在需要升级的项目中执行下方命令，安装最新的angular cli到项目注册表(package.json)中npm install --save-dev @angular...
2018-09-14 15:20:12
1076
1
原创 angular4+中使用google maps开发定位功能
前言这里先放一下注册google map api key的链接（我是链接），没有注册的小伙伴可以去注册一下，google map需要用到。这里放上JS教程链接（教程链接），和官方文档另外必须有一VPN，不然地图会加载不出来正文首先创建一个angular4+的程序，ng new googlemapdemo这个就很简单不单独说了，然后在生成的文件中找到index.html...
2018-08-23 11:25:09
1358
原创 angular4强制刷新视图
使用angular的过程中有时会出现数据已经更新了，但是对于的视图没有更新，针对这一情况，可以是用angular提供的方法强制更新视图。import {NgZone} from '@angular/core'; constructor(private zone: NgZone) { this.zone.run(() => { // 要更新视图的代码 })}...
2018-06-14 14:44:27
11479
2
原创 jq方法中拿到angular属性
// 初始化方法 public initsignalr() { // 这个方法里面用That就可拿到angular属性 const that = this; const url = Urls.serverUrl + '/signalr'; this.connection = $.hubConnection(url, { useDefault
2018-05-03 16:03:18
391
原创 开发chrome extension抓取页面数据，并传输到另一页面
1.前言由于最近公司项目开发需要，学习了一段时间的chrome extension开发。使用chrome extension开发的优点是学习门槛非常的低，主要使用的就是js,css,html。前端最常用的三个东西，，另外去研读一下chrome提供的接口，会使用即可。开发起来可谓是 非常方便。不过缺点也是有的，开发的控件只能限定于部分使用webkit的浏览器使用（chrome的内核确切的说是Ch...
2018-03-08 17:17:51
32229
18
原创 AJ5利用数据源的validation属性对控件进行validation验证
总体描述一个返回过来的json格式的数据，里面含有validation属性，利用x-adpter-id和x-field-name来确定控件使用的是哪种validation。使用Angular5，需要用到boostrap4数据源数据源写成了一个ts文件，以后可以从后台获取// tslint:disable-next-line:eoflineexport const returnjson = {"st
2018-01-10 09:01:15
266
原创 Angular5使用kendo下载base64文件
前言最近工作需要，从本地上传文件到服务器，同时提供下载功能到本地，，这里贴下代码，，不多说。webapiusing System;using System.Collections.Generic;using System.Diagnostics;using System.Linq;using System.Net;using System.Net.Http;using System.Te
2017-12-28 08:59:23
702
原创 angular4自适应navbar
说明这个navbar是练习的时候做的最初版本，根据浏览器宽度来自动一个一个收缩navbar的标签，里面有许多不足之处 ，请各位大神多多指教。完成图插件所用插件为 JQ,BOOTSTRAP,fontawesomenavbar组件navbar.component.ts 通过本地数组对navbar标签提供数据，通过JQ控制显示隐藏import {AfterViewInit, Component, OnI
2017-11-30 10:49:38
1621
原创 flexbox结合bootstrap表单（css合集）
flexbox css合集最近在使用flexbox，写一个flexbox和bootstrap结合的表单。这里提供一个整合好的css库，只需要引用类名即可完成效果。 同时demo里面提供了一些用来测试更改样式的按钮，不需要的直接删掉就好。 先上成品图 这里上方的input和select是为了演示样式的，实际使用时不需要。 **第一行输入要交换的行数（如1 ）点击就可以随意交换位置而不改变DOM
2017-11-10 11:05:00
724
原创 使用Angular4+kendo ui for Angular+ webapi+sqlserver创建一个简单的省市选择程序（三）
第三步 使用控件主要的链接配置都搞定了，接下来实际上是比较简单的控件使用了，只要多查询官方给出的api实际上就可以写出来。先在getselect.component.ts的类里面定义几个属性。同时将dropdownlist和grid的数据从服务器获取到 export class GetselectComponent implements OnInit { // 全部数据 private g
2017-10-19 11:40:25
941
原创 使用Angular4+kendo ui for Angular+ webapi+sqlserver创建一个简单的省市选择程序（二）
第二步 基本配置和链接服务器之前的文章我们创建了WEBAPI 服务器。。。接下来就要开始创建Angular4项目了， 创建项目使用的是 Angular CLI。 没有的使用下面代码安装。npm install -g @angular/cli使用node创建新的项目，这里的–style=scss 一定要加上，否则到后面添加kendo样式的时候会有点麻烦，如果已经创建了项目，没有添加–style=
2017-10-18 16:25:48
958
原创 使用Angular4+kendo ui for Angular+ webapi+sqlserver创建一个简单的省市选择程序（一）
前言本人是Angular4菜鸟一只，，，因为公司有项目需要Angular4，刚刚学些Angular4一个月。。顺手做了一个小项目。样子是 灰常的难看 。主要是结合了不少的平时经常用到的框架，当做一个小栗子 ！第一步 构建一个webapi不管是Angular4还是kendo ui for Angular都是前台框架，需要一个服务器传递数据，这里我们选择使用VS2017创建一个we
2017-10-18 14:55:31
1495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人