ng

Configure Angular-cli proxy for custom headers in request to backend?

匿名 (未验证) 提交于 2019-12-03 01:27:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: the topic, as I understand it is quite fresh and relevant. Tell me where is my mistake? So, I did everything as in the documentation: https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md Angular-cli version: .... "devDependencies": { "@angular/cli": "1.2.0", .... Created the file: proxy.conf.json { "/profile/*": { "target": "http://localhost:8888", "secure": false, "pathRewrite": { "^/profile": "" }, "changeOrigin": true, "logLevel": "debug" } } I registered it in package.json .... "scripts": { "ng": "ng",

Angular5 / ng test ERROR : TypeError: this.handler.handle is not a function

匿名 (未验证) 提交于 2019-12-03 01:12:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: This is my Angular configuration : Angular CLI: 1.7.2 Node: 6.10.0 OS: win32 x64 Angular: 5.2.5 ... animations, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... router @angular/cli: 1.7.2 @angular-devkit/build-optimizer: 0.3.2 @angular-devkit/core: 0.3.2 @angular-devkit/schematics: 0.3.2 @ngtools/json-schema: 1.2.0 @ngtools/webpack: 1.10.1 @schematics/angular: 0.3.2 @schematics/package-update: 0.3.2 typescript: 2.6.2 webpack: 3.11.0 My package.json file : { "name": "xxxx",

Angular入门--项目框架搭建

匿名 (未验证) 提交于 2019-12-03 00:43:02
Angular介绍 Angular在2012年发布版本1.0,是最早流行的前端MVVM框架,目前流行的React和Vue框架都在它之后。 由于React的流行,以及angular 1.0版本暴露出来的一些性能,组件化等的一些缺点,谷歌决定重写angular,在2016年推出angular2.0. Angular 2.0采用TypeScript开发,集成了RxJS库。目前最新版本是6.0 Angular生态 1、服务端渲染解决方案 Angular Universal 2、PWA(Progressive web apps )解决方案angular service worker 3、Ionic。基于angular语法开发原生应用的开发框架 开发工具 建议采用vs code进行开发。 需要安装扩展插件Angular 6 Snippets。 如果结合ant-design的angular版本ng-zorro-antd,需要安装扩展插件 ng-zorro snippets。可以很好地提供代码补全功能 Angular项目的构建 基于Angular CLI构建项目 npm install -g @angular/cli 安装Angular CLI ng new <项目名称> 自动生成项目目录 ng serve --open 启动本地服务,并自动打开浏览器 本地服务默认使用4200端口

PrimeNG01 angular集成PrimeNG

匿名 (未验证) 提交于 2019-12-03 00:39:02
1 开发环境   本博文基于angular5    2 步骤   2.1 创建angular5项目     详情参见百度   2.2 下载PrimeNG依赖 npm install primeng -- save npm install primeicons -- save   2.3 在Angular项目中引入PrimeNG样式     修改 angular-cli.json配置文件        { " $schema " : " ./node_modules/@angular/cli/lib/config/schema.json " , " project " : { " name " : " hello-angular " }, " apps " : [ { " root " : " src " , " outDir " : " dist " , " assets " : [ " assets " , " favicon.ico " ], " index " : " index.html " , " main " : " main.ts " , " polyfills " : " polyfills.ts " , " test " : " test.ts " , " tsconfig " : " tsconfig.app.json " , " testTsconfig "

ng命令

匿名 (未验证) 提交于 2019-12-03 00:39:02
1、根目录下执行ng命令 Microsoft Windows [版本 10.0.16299.492] (c) 2017 Microsoft Corporation。保留所有权利。 C:\Users\dqgzs>ng Available Commands: For more detailed help run "ng [command name] --help" C:\Users\dqgzs> 2、项目下执行ng命令 Microsoft Windows [版本 10.0.16299.492] (c) 2017 Microsoft Corporation。保留所有权利。 C:\Users\dqgzs>cd D:\workspace-sts\dqgy\manage C:\Users\dqgzs>D: D:\workspace-sts\dqgy\manage>ng generate module app-routing --flat --module=app Your global Angular CLI version (6.0.8) is greater than your local version (1.6.7). The local Angular CLI version is used. To disable this warning use "ng config -g cli

Angular文件创建命令

匿名 (未验证) 提交于 2019-12-02 23:43:01
// 生成组件带有模版 ng generate component example 或 ng g c example ng generate component example -it 生成内联模版(不会单独生成html文件) ng generate directive my-directive - 生成一个新指令 ng generate pipe my-pipe - 生成一个新管道 ng generate service my-service - 生成一个新服务 ng generate route my-route - 生成一个新路由 ng generate class my-class - 生成一个简易的模型类 以下可能常用的命令参数有: --flat 表示是否不需要创建文件夹 --inline-template (-it) 模板是否应该放在ts文件里 --inline-style (-is) 样式是否应该放在ts文件里. --spec 是否需要创建spec文件(测试文件) --view-encapsulation (-ve) View Encapsulation策略 (简单理解为样式文件的作用范围策略). --change-detection (-cd) 变化检查策略. --prefix 设定这个component的前缀 --dry-run (-d), 打印出生成的文件列表,

Angular 和 Vue 使用的对比总结 -- 脚手架

匿名 (未验证) 提交于 2019-12-02 21:53:52
前言    Angular 和 Vue 都有官方的脚手架用来快捷的创建和配置项目。 创建项目    Angular和Vue的脚手架都 依赖于NodeJs和Npm ,所以先确认自己的环境。两个脚手架都需要 全局安装 //Angular-cli npm install -g angular-cli //vue-cli npm install -g vue-cli   可以使用版本检查命令 确认是否安装成功, 命令行中 ng -v 或者 vue -V ,如果可以正常输出版本,就说明安装成功了。注意vue-cli版本检查,后面加的参数是 大写的 V。   现在可以开始创建项目了。   Angular-cli 使用 ng new 命令创建新项目,可以在创建时指定style风格,是否需要带routing等( 详细配置 );创建之后,会 默认自动安装依赖 ,当然也可以通过--skip-install跳过安装。 详细配置 //创建ngtest项目,指定scss风格的style ng new --style=scss ngtest//安装完依赖之后,进入目录cd ngtest//调试ng serve --open --port=3001   如果依赖正常,就会看到Angular项目的初始界面了,工程创建成功。   Vue-cli 使用 命令创建新项目。脚手架提供了多种模版,可以按需选择模版,一般使用

Angular--AOT和JIT两种编译方式带来的改变

懵懂的女人 提交于 2019-12-02 02:08:17
Angular 应用主要由组件及其 HTML 模板组成。由于浏览器无法直接理解 Angular 所提供的组件和模板,因此 Angular 应用程序需要先进行编译才能在浏览器中运行。Angular 提供了 两种方式来编译angular应用程序: 即时编译 (JIT,Just in time),它会在运行期间在浏览器中编译你的应用。 预先编译(AOT,Ahead of time),它会在构建时编译你的应用。 注:当你运行 ng build (仅编译)或 ng serve (编译并启动本地服务器) 这两个 CLI 命令时 JIT 编译是默认选项;要进行 AOT 编译,只要让 ng build 或 ng serve 命令中包含 --aot 标志。 带有 --prod 标志的 ng build 命令 ( ng build --prod ) 会默认使用 AOT 编译。 一:AOT:在浏览器下载和运行代码之前的编译阶段,Angular 预先(AOT)编译器会先把你的 Angular HTML 和 TypeScript 代码转换成高效的 JavaScript 代码。好处如下: 渲染得更快:使用 AOT浏览器下载预编译版本的应用程序。 浏览器直接加载运行代码,所以它可以立即渲染该应用,而不用等应用完成首次编译; 需要的异步请求更少:编译器把外部 HTML 模板和 CSS 样式表内联到了该应用的

haproxy & LVS & ng的比较

江枫思渺然 提交于 2019-12-01 10:02:28
现在网站发展的趋势对网络负载均衡的使用是随着网站规模的提升根据不同的阶段来使用不同的技术:   一种是通过硬件来进行进行,常见的硬件有比较昂贵的NetScaler、F5、Radware和Array等商用的负载均衡器,它的优点就是有 专业的维护团队来对这些服务进行维护、缺点就是花销太大,所以对于规模较小的网络服务来说暂时还没有需要使用;另外一种就是类似于 LVS/HAProxy、Nginx的基于Linux的开源免费的负载均衡软件策略,这些都是通过软件级别来实现,所以费用非常低廉,所以我个也比较推荐 大家采用第二种方案来实施自己网站的负载均衡需求。   近期朋友刘鑫(紫雨荷雪)的项目成功上线了,PV达到了亿级/日的访问量,最前端用的是HAProxy+Keepalived双机作的负载均衡 器/反向代理,整个网站非常稳定;这让我更坚定了以前跟老男孩前辈聊的关于网站架构比较合理设计的架构方案:即Nginx /HAProxy+Keepalived作Web最前端的负载均衡器,后端的MySQL数据库架构采用一主多从,读写分离的方式,采用 LVS+Keepalived的方式。   在这里我也有一点要跟大家申明下:很多朋友担心软件级别的负载均衡在高并发流量冲击下的稳定情况,事实是我们通过成功上线的许多网站发现,它们 的稳定性也是非常好的,宕机的可能性微乎其微,所以我现在做的项目