代码编织梦想

Angular学习之核心文件分析-爱代码爱编程

开始学习Angular啦 首先分析一下Angualr项目里的一些核心文件,了解他们是做什么的 1.根模块 app.module.ts 这个文件是 Angular 的根模块,告诉 Angular 如何组装应用 // BrowserModule 浏览器解析的模块 import { BrowserModule } from '@angular/platfor

Angular2+ ng-content用法-爱代码爱编程

Angular2+中的的内容映射使用的是ng-content指令,内容映射指的是在组件中嵌入模板代码,方便定制可复用的组件。下面用例子来解释一下ng-content的用法: app.component.ts <parent-content> <child-content></child-content> <

使用geoserver发布tif栅格地图并使用openlayers加载-爱代码爱编程

文章目录 geoserver安装部署使用QGIS配准工具将图片转化为栅格地图通过geoserver地图服务发布tif地图新建工作区添加数据存储新建栅格数据源发布图层编辑图层预览图层使用openlayers地图js库加载wmsopenlayers选型获取wms服务相关参数openlayer加载代码示例 geoserver安装部署 关于geose

AngularJS学习笔记-爱代码爱编程

本次实验通过Getting Start来完成 详细的教程为AngularJs <h2>Products</h2> <div *ngFor="let product of products"> //这这里对products中的内容进行了循环,并且可以从每一次循环中调用product值 <h3>

全栈,不是特定技术的组合,而是一种思维方式,一种眼界!-阿里技术总监打造516页全栈技能修炼手册-爱代码爱编程

有言在先 全栈,是技术领域的一条 Hard Way,选择它,你就要付出很多额外的努力——并非是996,而是通过更多、更努力的思考(工作955,思考7×24)。其回报则是在多年之后,每当别人提起你时都会不禁赞叹:“瞧那位 Hardcore 的程序员!”没有付出就没有回报。相对于少数几条 Hard Way 来说,世界上还有无数条 Easy Way。如果你对

AngularJs双向绑定原理-爱代码爱编程

AngularJs双向绑定 一、什么是AngularJS二、什么是数据绑定三、什么是双向绑定四、双向绑定的实现 一、什么是AngularJS AngularJS是一个JavaScript框架,它诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。 A

angular传图片文件到后台-爱代码爱编程

HTML: <div> <label for="file">选择文件</label> <input type="file" id="file" (change)="postFile($event.target.files)"> </div> ts: public postFile

Nginx windows环境下发布Angular10 (webpack 打包)-爱代码爱编程

Nginx 首先先下载nginx 解压. 解压出现目录如下. 第二步, 打包angular,我的angular项目是generator-jhipster生成的, 直接执行 npm run webpack:prod, 打出开发环境. 把项目里 target\classes里面的 static文件夹直接复制进nginx的html目录里面, 然后开始配置

angular 单元测试 karma+jasmine-爱代码爱编程

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、karma二、jasmine三、单元测试的好处1.改进实现的设计2.允许重构3.添加新功能而不会破坏任何内容4.测试使开发人员对他们的工作更有信心。 前言 学习angular单元测试 工欲善其事,必先利其器 一起来看看这个新东西 提示:以下是本篇文章正文内

记录Angular打包dist文件没有index.html的问题-爱代码爱编程

记录Angular打包dist文件没有index.html的问题 最近新学angular 踩了很多坑记录一下 angular打包方式: ng build --prod --no-extract-license ng build --prod --aot --no-extract-license ng build --prod --

2020/12/09 angular-cli的配置文件汇总-爱代码爱编程

文件目录 e2e test-》 端到端(end-to-end)或者UI测试是一种测试方法,它用来测试一个应用从头到尾的流程是否和设计时候所想的一样。简而言之,它从一个用户的角度出发,认为整个系统都是一个黑箱,只有UI会暴露给用户。 node_modules->node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。

angular指令操作dom节点修改样式属性等-爱代码爱编程

在父节点不能直接取得时,通过确定的孙孙子节点不断查找父节点来改变一些样式 <a appChangeZIndex>加入指令的节点</a> //以下为指令里的代码: import { Directive, ElementRef, HostListener, Renderer2 } from '@angular/core'; @Dir

快速判断数组中每个对象同一属性值是否相同(3种方法)-爱代码爱编程

此方法一般应用于全选多选的判断 1、findIndex() 方法 返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。 let demoData = [ {checked:false,name:'royal'}, {checked:false,name:'royal'}, ] if(demoData.findInde

[Angular TypeScript报错]Cannot assign to read only property ‘outwardcolor‘ of object ‘[object Object]‘-爱代码爱编程

事情发生过程 用动态路由从一个组件传一个对象到另一个组件接收时发生的错误 源码: 对象 selected export interface selected { model?: string; outwardcolor?: string; outwardwheel?: string; interior?: string; featur

angular请求数据-爱代码爱编程

文章目录 一、Angular get 请求数据二、Angular post 提交数据三、angular jsonp 请求数据 一、Angular get 请求数据 在app.module.ts中引入HttpClientModule并注入Import{HttpClientModule } from ‘@angular/commob/http’;

angular接收路由传来的值-爱代码爱编程

上篇文章提到了用路由(route)传值: https://blog.csdn.net/weixin_45158253/article/details/110821408 看下面也行(不用看上面的链接了) 这里写下如何接收路由传来的值 官网方法: 我的使用 当我使用这个方法时,并没有得到预期结果 路由配置: { path:

ng-repeat循环数值重复问题-爱代码爱编程

这里写一个Angular.JS 里遇见的一个小问题,当做笔记吧 之前做Echarts 雷达图中要做打分功能 左边打分项要读出来 中间数值 右边 是雷达图 这样打分时候是没问题的 但是查看打分详情 ng-repeat 就出现了小问题 当我循环数组不同时显示的没错,后来再测一组数据想同时候就报错了。 然后再js循环输出也发现没问题,然后ng-repeat也

大厂是如何用DevCloud流水线实现自动化部署Web应用的?-爱代码爱编程

DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。 官方网站:devui.design Ng组件库:ng-devui(欢迎Star) 官方交流:添加DevUI小助手(devui-official) DevUIHelper插件:DevUIHelper-LSP(欢迎Star)

Vue过渡&动画-爱代码爱编程

大家好,我是VHotDog,热狗得小舔狗! 目录 概述过渡过渡类名动画transition属性介绍注意自定义过渡类名 最近看一个项目源码时,竟然发现这一篇我竟然没有看,竟然不知道,不知道!!! 然后我就去官网康了一下。他是这亚子说的 概述 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具:

安装angular,出现长时间停留不成功-爱代码爱编程

场景说明: 我安装过一个版本的angular,启动项目的时候发现angular版本对不上,所以开始尝试更新,结果更新失败了. 我是删除重新安装,在重新安装过程中 fetchMetadata: sill fetchPackageMetaData error for @angular-devkit/core@11.0.3 多次尝试无果 解决方案: 注意如果