![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
文章平均质量分 52
梦想称为大佬
计算机在校学生
展开
-
angular2中proxy的使用(问题解决)[HPM] Error occurred while trying to proxy request 的一种情况
最近在学习angular2框架,感叹angular出现的bug解决起来有点难(bushi),主要是国内使用angular较少,百度不出来,Google的话倒是能给点提示,但是英文看着很不舒服。这段纯属吐槽。接下来是我今天上午遇到的问题和解决方法。之前成功的使用nginx反向代理实现了浏览器跨域访问。但是本地重新启动一个nginx服务来解决跨域问题显然并不是最优解。于是今天尝试使用angular/cli中自带的webpack.proxy.server进行...原创 2021-08-17 14:58:57 · 3225 阅读 · 0 评论 -
angular2中http请求出现`error: “Collection ‘ug‘ not found“`的解决方法
今天在尝试使用angular的proxy反向代理解决跨域问题的时候,出现了下边这种错误。这种错误并非是proxy代理的报错,是由于在app.module.ts中引入了 `InMemoryDataService`的原因。在尝试使用proxy的时候,使用了一个已经创建好的英雄之旅项目,之前的配置保留了下来。导致记不得曾经安装过InMemoryDataService服务。这里简单说明一下InMemoryDataService服务。这个服务会创建一个拦截服务器,它拦截 AngularHttp和HttpC原创 2021-08-17 13:19:11 · 215 阅读 · 0 评论 -
数据可视化开发过程总结
使用angular开发数据可视化项目,并适应大屏显示一般大屏项目是要求比例 16:9的我们在页面设计的时候,可以将页面作如下设计,echarts放置我们的大屏项目,这样就可以保证页面比例适中.app_body { position: relative; height: 0; padding-top: 56.28%; //这里padding-top继承的是父级元素也就是屏幕宽度的56.28% 现在本盒子的高度:宽度 = 9:16 width: 100%;...原创 2021-07-30 16:56:52 · 1162 阅读 · 0 评论 -
nginx解决前端跨域问题
跨域问题的出现浏览器有一个同源安全策略,它限制了一个源(origin)中加载文本或者脚本与来自其他源(origin)中资源的交互方式,所谓的同源就是指协议、域名、端口相同。当浏览器执行一个脚本时会检查是否同源,只有同源的脚本才会执行,如果不同源即为跨域。在开发静态页面时,我们常会调用一些接口,这些接口极可能是跨域,然后浏览器就会报cross-origin错误无法调用。解决方法跨域问题的解决方法有很多种,jsonp、nginx代理等。这次主要使用nginx代理解决跨域问题。举个栗子(假原创 2021-07-22 10:25:31 · 2604 阅读 · 1 评论 -
nginx本地使用(for Mac)
下载安装根据网上教程可以成功安装(PS:打算学习nginx的时候发现自己的Mac上已经存在了新版的nginx,神奇)使用打开nginx之后,进入http://localhost:8080 会出现以下内容 注:这里的8080端口是nginx默认配置的 如果本地的8080端口被占用的话,可以进入nginx配置文件进行修改,配置文件的方法在下方。说明安装启动成功。然后打开终端,准备编辑nginx的配置文件:vim /usr/local/etc/nginx/nginx..原创 2021-07-22 10:20:01 · 1159 阅读 · 1 评论 -
angular中的模板引用变量在from表单提交中的使用
我在使用表单进行提交的时候,发现这个小东西,#f="ngForm" 模板引用变量。<form #form="ngForm" (submit)="signin()" class="form-signin"> 重要的其实是#模板引用变量。这个名词我刚看到一脸懵逼。其实理解一下这个就是创建一个对元素的引用。即如果用在HTML中就可以在别处使用对这个页面元素的引用做一些事情。我这个需求是,在表单未填入值的时候不允许点击提交按钮。实现方式是,用#from引用表单元素的"ngForm"(.原创 2021-07-19 16:32:35 · 292 阅读 · 0 评论 -
angular注入 http依赖并使用
请求后端数据的方式在任何框架中都非常重要。在angular中注入HttpClient可以来请求后端数据。1.在app.module.ts中注入依赖//app.module.tsimport {HttpClientModule} from "@angular/common/http";...imports: [ BrowserModule, AppRoutingModule, HttpClientModule //声明 ],2.在组件中...原创 2021-07-15 15:51:04 · 233 阅读 · 0 评论 -
angular router 路由的简单实用
angular路由的使用 首先要添加了路由服务文件(在创建项目的时候会询问,如果当时没有创建俺的话需要手动创建) 下边是一个现成的路由文件,可以参考 //app.module.tsimport { NgModule } from '@angular/core';import { Routes, RouterModule } from '@angular/router';import { SignupComponent } from "./components/sign...原创 2021-07-15 15:46:41 · 1255 阅读 · 0 评论 -
angular中引入echarts
创建angular项目cd 你的文件路径ng new echarts-demo --skip-install //只创建项目并不下载 node_modules(速度快)打开项目引入所需文件我这里用到的是webstorm找到package.json文件将下方代码复制进去"echarts": "^4.9.0","ngx-echarts": "^5.1.2",然后npm安装 node_modules在项目目录下控制台运行npm i这两步就是...原创 2021-07-15 13:16:15 · 495 阅读 · 0 评论 -
echarts基本入门
echarts实例 一个网页中可以创建多个echarts实例(由dom节点来承载) 每个echarts实例中可以创建多个图表和坐标系等等(用option来描述) 一个DOM节点作为echarts的渲染容器,每个echarts实例独占一个DOM节点 系列(series) 系列指一组数值以及他们映射成的图,在echarts中系列(series)不仅表示数据,也表示数据映射成的图。 一个系列包含的要素至少有:一组数值、图表类型(series.type)、其他关于这些数原创 2021-07-15 11:38:15 · 357 阅读 · 0 评论 -
angular中引入bootstrap
1.引入bootstrapnpm install bootstrap@3或者直接在package.json 中加入"bootstrap": "^3.3.7",然后在运行npm i2.在angular.json 中添加如下内容"styles": [ "src/styles.scss", "src/assets/fonts/newfont.scss", "node_modu...原创 2021-07-13 13:35:57 · 1210 阅读 · 0 评论 -
angular安装和使用
angular介绍angular官方介绍Angular 是一个基于 TypeScript 构建的开发平台。它包括: 一个基于组件的框架,用于构建可伸缩的 Web 应用 一组完美集成的库,涵盖各种功能,包括路由、表单管理、客户端-服务器通信等 一套开发工具,可帮助你开发、构建、测试和更新代码 angular应用组件组件包括三个部分:带有 @Component() 装饰器的 TypeScript 类、HTML 模板和样式文件。@Component() 装饰器原创 2021-07-06 15:57:46 · 1080 阅读 · 0 评论