ng

@RequestMapping("/") public void a(HttpServletRequest request) { System.out.println(request.getRemoteAddr()); //ng的地址 System.out.println(request.getHeader("x-forwarded-for")); //一个或多个地址，每次代理都会多一个ip，所以第一为真实地址（类似于这种形式：192.168.1.2, 192.168.1.3, 192.168.1.n） System.out.println(request.getHeader("x-real-ip")); //发给ng的请求的地址 } X-Forwarded-For是一个可叠加的过程，后面的代理会把前面代理的IP加入X-Forwarded-For 当只有一层ng时，X-Forwarded-For与x-real-ip值相同。 因此获取真实ip顺序为 获取X-Forwarded-For第一个ip 获取x-real-ip 上面2个都没有的话，只能获取remoteaddr了 来源： https://www.cnblogs.com/liuboyuan/p/12151007.html

@RequestMapping("/") public void a(HttpServletRequest request) { System.out.println(request.getRemoteAddr()); //ng的地址 System.out.println(request.getHeader("x-forwarded-for")); //一个或多个地址，每次代理都会多一个ip，所以第一为真实地址（类似于这种形式：192.168.1.2, 192.168.1.3, 192.168.1.n） System.out.println(request.getHeader("x-real-ip")); //发给ng的请求的地址 } X-Forwarded-For是一个可叠加的过程，后面的代理会把前面代理的IP加入X-Forwarded-For 当只有一层ng时，X-Forwarded-For与x-real-ip值相同。 因此获取真实ip顺序为 获取X-Forwarded-For第一个ip 获取x-real-ip 上面2个都没有的话，只能获取remoteaddr了 来源： https://www.cnblogs.com/liuboyuan/p/12151007.html

目录 ： 　　 1、安装 angular cli 　　2、创建项目 　　3、构建路由 　　4、新建组件 　　5、组件之间的通信 　　6、引入primeNG 　　7、修改primeNG组件样式 　　8、问题 ------------------------------------------------------------------------------------------ 1、安装 angular cli 　　命令 --cnpm install -g @angular/cli 　　安装完成后可以查看版本是否ok --ng version 　　官网地址： https://angular.io/start/data 查看语法这些 *ngIf *ngFor 2、创建项目 　　 -- ng init - 在当前目录创建新的应用程序 　　 -- ng new - 创建新的目录，然后在新建的目录中运行 ng init 命令 　　 -- ng new web 创建web 　　项目创建完成之后开始运行 　　 -- cd web 　　-- ng serve 　　运行成功默认为4200，网页上可以访问 　　 3、构建路由 　　 　　web目录下，先生成components 　　 -- cd web 　　-- ng g c home // 简写 ng generate component

新建项目 请在终端/控制台窗口中运行 ng -v 命令。 确定您已安装@angular/cli if没有执行 npm install -g @angular/cli 全局安装 Angular CLI。 ng new project-name 就具体项目开发前调研技术栈追加相关参数 样式style 如 --style=scss value值可以是（css | scss | sass | less | stylus ）等 项目中使用路由routing 如 --routing 生成routing module 前缀 prefix 如 --prefix 或 -p 默认为app,参数自定义 比如 --prefix=wn 后话 angular.json 文件中 "prefix": "app" , 会更改为 "prefix": "wn" tslint验证规则 项目中所有的组件前缀都改为 wn 开头的 index.html文件 <app-root></app-root> 变为 <wn-root><wn-root> 所有 ng g c component-name 生成的组件 prefix默认时使用 <app-componet-name></app-componet-name> 自定义前缀后 <wn-componet-name></wn-componet-name> 综合上述 ng new

声明 本系列文章内容梳理自以下来源： Angular 官方中文版教程 官方的教程，其实已经很详细且易懂，这里再次梳理的目的在于复习和巩固相关知识点，刚开始接触学习 Angular 的还是建议以官网为主。 因为这系列文章，更多的会带有我个人的一些理解和解读，由于目前我也才刚开始接触 Angular 不久，在该阶段的一些理解并不一定是正确的，担心会有所误导，所以还是以官网为主。 正文- Angular-CLI 命令 Angular 的项目其实相比老旧的前端项目模式或者是 Vue 的项目来说，都会比较重一点，因为它包括了： 模块 @NgModel， 组件 @Component， 指令 @Directive 等各种各样的东西，而每一种类型的 ts 文件，都需要有一些元数据的配置项。 这就导致了，如果是手工创建 ts 文件，需要自己编写很多重复代码，因此，可以借助 Angular-CLI 命令来创建这些文件，自动生成所需的这些重复代码。 而且，不仅在创建文件方面，在对项目的编译、打包等各种操作中也需要借助 Angular-CLI。 所以，日常开发中，不管是借助 WebStrom 的图形操作，还是直接自己使用命令方式，都需要跟 Angular-CLI 打交道，了解一些基本的配置和命令也是有好处的。 安装的方式就不讲了，要么直接使用 WebStrom 内置的，要么借助 npm 下载一个，要么通过

步骤： 官方下载node,js 安装后在黑窗口下载angular的@angular/cli 命令行 指令如下： npm -v 查看node版本 sudo npm install -g @angular/cli 下载angular命令行 ng -v 查看angular版本 ng new anction 创建生成angular项目 npm install jquery --save 安装jquery npm install bootstrap --save 安装bootstrap ng g component navbar 生成组件 ng g service object 生成服务 npm install @types/bootstrap --save-dev 下载在项目中对bootstrap的规范 npm install @types/jquery --save-dev 下载在项目中对jquery的规范 npm install --save font-awesome 去项目那边下载font-awesome 由于angular7下载不了bootstrap小图标需下载其他图标 @import ‘~font-awesome/css/font-awesome.css’; 去styles.css文件里面加这个（这样项目才可以使用font-awesome样式了 http://www

npm install -g @angular/cli //安装angular脚手架 ng version 出现版本信息即安装成功。 ng new 项目名称 在终端中，进入想要创建项目的地址执行 ng serve 启动项目 ng g c components/nav 在定义的components路径下创建组件 来源： https://www.cnblogs.com/webmc/p/11985379.html

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 简介 ng提供一个 $parse 服务用于解析与scope值相关的字符串表达式，如： scope = { a: 1, b: 2 }; function fn ($parse) { var resFn = $parse('a + b + 1'); resFn(scope); // == 4 } 可以将字符串表达式中的变量映射到scope的变量上执行运算。 $parse 的功能就是编译器，将传入的字符串表达式通过词法、语法分析，最后编译成跟 scope 及 locals 相关联的代码进行执行。 所以，本文主要就 $parse 的工作原理进行解析，而非代码的细节。 主结构 既然 $parse 是个service，那么就有其对应的 provider.$get， 由其内代码所知，涉及到的对象有 Parser 、 Lexer（词法分析器） 、 AST（语法分析器） 、 ASTCompile（编译器） Parser.parse -> astCompiler.compile -> ast.ast -> lexer.lex |-> ast.program 各个方法的返回： astCompiler.compile ：返回一个function，供调用执行 ast.ast :：返回一个语法解析树 lexer.lex：

一、 检查是否安装了node.js和npm // 显示当前node和npm版本 $ node - v $ npm - v // node 版本高于6.9.3 npm版本高于3.0.0 二、淘宝镜像安装 cnpm npm install - g cnpm -- registry = https : / / registry . taobao . org 三、创建项目 ，angularDemo：项目名（自定义） 初次下载集满，如果下载到半中间不动了记得重新下载！！！ ng new angularDemo 进入 cd angularDemo 启动 ng serve 正常启动 ng serve -- open //--open 立即打开 你也可以自定义配置 IP, 端口和实时重载端口号:ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153 默认启动后，会出现http://localhost:4200/ 访问 仅此而已 来源： CSDN 作者： Elis_ 链接： https://blog.csdn.net/weixin_45679977/article/details/103608434

模块是基础，接下来看一下路由，路由就是整个项目的一根线，串联着各个项目的各个模块。 还是用例子来记录，看图说话。 先准备几个组件 创建项目 ng new routestest 创建组件 ng g c one-component ng g c two-component ng g c page-not-found-component 创建对应的module的routes模块 ng g m app-routes app-routes.module.ts文件 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterModule, Routes } from '@angular/router'; import { OneComponentComponent } from './one-component/one-component.component'; import { TwoComponentComponent } from './two-component/two-component.component'; import { PageNotFoundComponentComponent } from './page-not