
Angular+NgAlain
用的框架的笔记
白白白白桃乌龙
最菜的开发,最菜的笔记
展开
-
使用ngx-monaco-editor不显示
用ngx-monaco-editor的时候出现问题,跟着git步骤走但却不显示组件,也不报错。用百度搜了下ngx-monaco-editor,都是抄来抄去一样的解决办法, 还没用。这里摆上我的解决方法:(本人版本是angular:8, ng-zorro-antd:8.5.2, ng-alain:8.9.0, ngx-monaco-editor: 8.0.0)angular.json: { "glob": "**/*", .原创 2020-06-05 15:47:33 · 1135 阅读 · 0 评论 -
使用ViserModule报错 Uncaught TypeError: Cannot assign to read only property 'constructor' of object
这几天使用了下最新的Angular + ngalain 的框架,angular甚至直接更新到了8感觉以前用的很多第三方插件都出了些问题,比如使用Viser图表甚至直接跑不起来。(如图)Uncaught TypeError: Cannot assign to read only property 'constructor' of object '[object Object]'找了...原创 2020-04-20 15:40:32 · 1896 阅读 · 0 评论 -
使用NgAlain有些 icon无法显示
更新到最新版本的NgAlain发现icon还是不能显示,原来是我理解错 了,官方文档就有写,我好愚蠢原创 2020-03-27 14:15:14 · 425 阅读 · 0 评论 -
Angular使用高德地图时遇到无法在地图方法类中使用this关键字的问题
在项目中使用了高德组件,当使用到一些地图方法比如图中这种搜索后需要获得经纬度,我一开始获取经纬度时 直接在function(){} 里面用this.lng this.lat,发现无论怎样都失效,consloe.log可以读到方法里的数据,就是拿不下来,情急之下直接使用了localStorage,甚至边写边骂高德地图。后来发现,和高德毛关系都没有,原来是我基础太差了。遇到这种问题...原创 2020-03-10 17:23:13 · 446 阅读 · 0 评论 -
angular Ng Alain 登录401问题
使用了ng alain 搭建的框架,在默认登录页面登录调用登录接口时点击登录 发现并没有成功调用接口,并在控制台输出了如上错误401。这可难倒我了。。查看了报错提示的文档地址官方文档给出 了 这个:大佬给我的解释为: “不在ignore里头的接口,只要本地没有token,前端会不走后端接口直接401”。大佬的话比文档清楚明了多了,所以要把登录接口放到igon...原创 2019-12-30 17:32:11 · 1010 阅读 · 0 评论 -
Angular传递请求头Authorization
有一个接口,需要我多传Authorization (basic auth)的请求头,左思右想还是百度。进入post函数查看方法是这样的,发现框架已经帮我们把headers写进去了,也就是只要在post的 时候把要传的header放到里面就行。import { HttpHeaders } from '@angular/common/http'; // usernam...原创 2019-11-25 15:46:12 · 1514 阅读 · 0 评论 -
使用Angular+antd 模板登录出了一个401问题
现象是点击登录一直报错401,接口也不调用。我也不知道啥原因啊,在shared/delon.module.ts 中改写export function fnDelonAuthConfig(): DelonAuthConfig { return Object.assign(new DelonAuthConfig(), <DelonAuthConfig>{ login_...原创 2019-11-19 09:26:01 · 497 阅读 · 0 评论 -
Angular 使用formgroup 不使用formControlName 属性
使用formgroup时候,每个表单项都需要使用formControlName 属性,但有时候就是不想用,怎么办, <input [(ngModel)]="value" [ngModelOptions]="{standalone: true}" / >有些时候用的到...原创 2019-11-06 16:27:13 · 1554 阅读 · 0 评论 -
Angular 获取验证码图片 后 点击自己刷新自己
遇到个问题,登录 的时候使用图片验证码,后台直接给了一个接口,接口即图片链接。当我点击图片的时候,需要重新调用接口获取新的图片链接。而问题就在于,接口即图片链接,但接口是不会变化的,所以导致我的src认为链接没有变而不刷新(我是这么认为的 ) <a (click)="getnum()"> <img [src]="img" style="width: 100%; height:...原创 2019-09-11 14:18:12 · 850 阅读 · 0 评论 -
FormGroup使用
目前只是会复制粘贴,还不是很理解。。。 form : FormGroup; //创建 this.form = this.fb.group({ receiver: [null, [Validators.required]], }); //表单验证 if (this.form .invalid...原创 2019-09-06 16:04:00 · 3439 阅读 · 0 评论 -
Angular + ngzorro中 使表单form动态禁止输入
在formgroup里直接在input标签使用 [disabled]=“true” 似乎不能禁用input,最后使用这种方法解决ts: isDisabled = true validateForm: FormGroup; constructor( private fb: FormBuilder) {} this.validateForm= this.fb.grou...原创 2019-09-06 14:59:29 · 4378 阅读 · 7 评论 -
angular+ngalain 路由跳转带?url
有时候需要需要使用带?的url来动态刷新页面,从而获得最新的页面,HTML或ts中:[routerLink]=”‘/admin/finance/wage-tab-piece/'” [queryParams]=”{id: 1}”显示为/admin/finance/wage-tab-piece?id=1...原创 2019-08-19 14:18:33 · 1228 阅读 · 0 评论 -
Angular+NgAlain,sf的使用
经常遇到 一个问题,在使用sf搜索时,有时候需要固定传某一个值,或者想要自定义搜索的值,如下可以解决一些,(下方例子是搜索时固定传值id=1)html:<sf mode="search" [schema]="searchSchema" (formSubmit)="conditionChange($event)" (formReset)="conditionChange($event)"&...原创 2019-09-06 16:41:32 · 2130 阅读 · 1 评论