csboyty的博客_angular

Angular项目初始化后无法运行

如果下载一个angular的项目npm install后无法运行，请尝试一下几种方式(请先删除node_modules文件夹和pack-lock.json文件)：1、npm cache clean --force / npm install 再次安装2、将pack.json中的 ^ 版本前的这个符号改成~这个符号，表示可以往上获取新版本，~表示获取这个固定版本，然后npm instal

项目初始化

angular

npm

原创 2022-08-26 11:31:33 170 阅读

ng-zorro一些开发经验

1、nz-select的时候内容长度过长导致突出了，如果是flex布局，采用flex:1;width:0px这种进行处理2、nz-list如果需要处理比较多的内容并且需要action比较好看采用如下方式a、是一个一个div作为content，style设置flex:1;max-width:calc(100% - 100px)b、采用nzNoFlex直接让action落在右下角c、通过写一个css的

css

ant design

ng zorro

原创 2022-08-14 10:40:00 253 阅读

Angular依赖注入笔记

@Injectable({ providedIn: 'root',})providedIn: 'root', 表示在这个application中的任何地方都可以看到，如果不使用这个，就需要在app.module.ts中进行providers使用这个装饰器，表示这个service可以注入，并且在每一个地方都是相同的instance（单例），这个和DI Token有关系，DI Token实际上是一个

依赖注入

Angula

原创 2021-05-18 13:37:02 244 阅读

Angular2.x开发笔记

--------------------------------------基础部分------------------------------------------在进行数据更改时，注意对象传递的是地址，在改动数据后，即使取消了，也会影响这个对象，应该使用对象的深拷贝对象数据渲染/component/pipes/directive/component通信等：https://angular.io

Angular2.x

学习笔记

原创 2020-05-13 16:22:23 541 阅读

Angular2.x引入font-awesome探讨

一般引入font-awesome有两种方式，一种是安装angular-fontawesome本文，一种是在angular.json种直接引入安装angular-fontawesome本文不进行讨论，本文重点讨论angular.json中引入方式。通过angular.json引入，是在build->options->styles中引入，例如："styles":["../resources

font-awesone

原创 2020-04-27 14:27:39 668 阅读

Angular2.x/tsconfig配置

tsconfig这个文件是typescript的配置文件，详细的具体内容在https://www.tslang.cn/docs/handbook/tsconfig-json.html这个地址。本文只讲一个点，就是compilerOptions这个种的target问题，这个有很多个选项，在创建angular的时候可能使用的es2015，这个是新一代的标准，浏览器并不能很好的支持，所以在build的时

tsconfig

es5

es2015

原创 2020-04-27 13:59:42 251 阅读

Angular2.x Form

表单的创建1、Reactiveforms响应式表单，使用显式和不可变的方法来管理表单在给定时间点的状态，对表单状态的每个更改都返回一个新状态，该状态在更改之间维护模型的完整性。几个关键词：FormControl/[formControl];FormGroup/[formGroup];[formControlName];FormBuilder;响应式的表单最主要的是formcontrolname=n

Form

FormGroup

FormControl

表单验证

表单提交

原创 2020-02-13 17:05:36 344 阅读

Angular2.x APP_INITIALIZER

APP_INITIALIZER是在Angular2.x程序启动之前执行的一个函数，可以在这个里面进行自动登录，判断登录token，阻止启动等一系列操作，可以在AppModule类的providers中以factory的形式来配置，factory是一个返回值为promise的函数。import{BrowserModule}from'@angular/platform-browser';import{

Promise

APP_INITIALIZER

原创 2020-01-17 14:10:49 687 阅读

Angular http 拦截器

Angularhttp的拦截器一般用来处理每个http都需要添加的参数或者是统一处理错误信息Angular1.x的http拦截器处理：```$httpProvider.interceptors.push(function($q){return{request:function(config){varurl=config.url;//这个token表示是在登录状态,不要用在header中，optio

angular

http

拦截器

原创 2020-01-17 10:37:08 1478 阅读

Angular2.x/Typescript模块引入解析

首先，模块引入的时候有两种方式：1、相对导入：importEntryfrom"./components/Entry";import{DefaultHeaders}from"../constants/http";import"/mod";相对导入在解析时是相对于导入它的文件，并且不能解析为一个外部模块声明，你应该为你自己写的模块使用相对导入，这样能确保它们在运行时的相对位置。2、非相对导入：impo

angular

模块

原创 2020-01-09 20:19:54 575 阅读

Angular1.x 概念解析

1、AngularJs主要解决的是逻辑问题，实现数据双向绑定，实现model和view的双向刷新，是比较完美的html模板引擎，实现逻辑和view的分离。2、AngularJs主要适用于单页应用。3、代码结构清晰，逻辑清晰。4、编写的时候应该尽量少用其他库和框架，实在不能用angular解决了在考虑使用其他库和框架5、controller只负责逻辑处理业务逻辑，不要在其中进行dom操作，contr

angular1.x

概念

原创 2019-01-03 10:19:07 1647 阅读

angular1.x开发笔记

$http.post 和 $resource action post的区别$http.post 使用 $http.post(url, postData, [config]);params是在config中设置，例如$http.post("#",{"a":1},{params:{}});resource action post中是Resource.action

angular

开发笔记

原创 2018-08-29 11:45:51 796 阅读

angular1.x 性能优化

脏数据检查 != 轮询检查更新谈起angular的脏检查机制(dirty-checking) , 常见的误解就是认为： ng是定时轮询去检查model是否变更。其实，ng只有在指定事件触发后，才进入 $digest cycle ：DOM事件，譬如用户输入文本，点击按钮等。( ng-click )XHR响应事件 ( $http )浏览器Location变更事件 ( $location

angular

性能优化

原创 2018-08-22 20:59:25 881 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

csboyty的博客