angular
FCAT.TOP
正心修身齐家治国平天下......
展开
-
【angular】gyp ERR! build error msbuild.exe` failed with exit code: 1
报错: gyp ERR! build error gyp ERR! stack Error: C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe failed with exit code: 1执行一下命令: npm installnpm install -g node-gyp npm install -g node-gyp原创 2017-11-16 16:58:45 · 5679 阅读 · 0 评论 -
【vue】初始化报错:Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1
gyp ERR! build errorgyp ERR! stack Error: `C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1gyp ERR! stack at ChildProcess.onExit (C:\Users\Administrator\Desktop原创 2017-11-22 01:18:10 · 15810 阅读 · 2 评论 -
【Angular】angular 跨域解决方案详解
浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了: 简单的解释就是相同域名,端口相同,协议相同同源策略: 请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同. 如果我在本地上的域名是study.cn,请求另外一个域名一段数据 这个时候在浏转载 2017-12-07 12:03:02 · 4177 阅读 · 1 评论 -
【angular】组件:@Input() @Output() 输入属性和输出属性以及中间人模式的使用 (一)
组件: 在Angular项目中都是有大大小小的组件组成的,那要怎么样才能做到组件之间的通讯呢,以下有几种方法:输入属性:@Input 什么是输入属性:是有父组件发送数据值到子组件里,利用父组件绑定属性到子组件,然后子组件利用在控制器@Input()装饰器来标识这是一个输入变量属性;父组件:<p>请输入要传给子组件的值:</p><input type="text" [(ngModel)]="原创 2017-11-26 22:24:18 · 1991 阅读 · 0 评论 -
【Angular】angular-animations 动画 BrowserAnimationsModule 详解
为了弄懂angular的动画自己也是花了一番功夫,不客观的说,angular的动画写起来是比较复杂的,但又必须掌握。 下面是我结合官方文档的资料,自己通过实践写出来的一篇博客,希望可以帮到有需求的小伙伴,当然,如果文章有地方写的错误,欢迎指正。好了,废话不多说,开始正文吧。1:angular动画的使用需要先引入一些与动画有关的函数。import { NgModule } from '@angula原创 2017-12-05 20:59:12 · 7493 阅读 · 0 评论 -
【angular】路由之刷新报404
项目开发完成,build发布后,发现转到路由后刷新页面报错404解决方法: 找到项目中app.module.ts文件 增加红圈的内容 然后打包发布:ng build –prod –aot原创 2017-10-31 15:38:26 · 2052 阅读 · 0 评论 -
【angular】浏览器低版本报错,Object.assign
问题描述: SCRIPT438: 对象不支持 xxx 属性或方法,这种情况一般是使用了 es6、es7 的高级语法,Object.assign Object.values 等。解决方案: 在main.ts中引入一下import assign from 'object-assign';assign({}, {});OK,完美解决原创 2017-11-06 09:57:39 · 2127 阅读 · 0 评论 -
【angular】环境搭建及遇到的问题
一,所需安装node工具<自带安装npm>node中文官网下载地址:http://nodejs.cn/download/检查node版本:node -v 检查npm版本: npm -v 二,构建Angular-Cli工具:<注意:安装angular-cli工具时,尽量使用管理员运行命令行以及避免使用cnpm淘宝镜像,避免各类的报错…>全局安装Angular-cli工具:npm install原创 2017-11-23 16:17:20 · 497 阅读 · 0 评论 -
【angular】ngModel遇见的坑:Can't bind to 'ngModel' since it isn't a known property of 'input'
启动我的Angular应用程序时,出现以下错误,即使组件未显示。 我必须注释掉,以便我的应用程序工作。zone.js:461 Unhandled Promise rejection: Template parse errors:Can't bind to 'ngModel' since it isn't a known property of 'input'. (" <div>原创 2017-11-24 20:13:37 · 4497 阅读 · 0 评论 -
【angular】指令及数据绑定入门
指令,数据绑定### 指令分类 内置属性指令: ngClass<!--divclass是一个对象,其中包含了你所需要设置的多个Class信息--><div [ngClass]="divClass2">属性绑定同时管理多个class</div> ngStyle<!--divStyle是一个对象,其中包含了你所需要设置的多个属性信息--><div [ngStyle]原创 2017-11-25 21:11:56 · 284 阅读 · 0 评论 -
【Angular】angular-HttpClient 与服务器通讯 Get Post Put Delete Http 拦截器 请求讲解
之前 激动人心的 Angular HttpClient 这篇文章已经介绍过 HttpClient ,今天看到 angular-university 博客中介绍 HttpClient 的文章,内容很详细,我就简单做了整理。有兴趣的话,建议直接阅读 原文。 HttpClientModule 应用 导入新的 HTTP Moduleimport {HttpClientModule}转载 2017-12-02 11:45:53 · 5317 阅读 · 0 评论 -
【Angular】关于angular引用第三方组件库无法改变其组件样式 :host ::ng-deep
在ng-Zorro-Ui 阿里组件框架无法修改第三方组件的样式问题:<nz-input formControlName="userName" [nzPlaceHolder]="'Username'" [nzSize]="'large'"> <ng-template #prefix> <i class="anticon antic原创 2017-12-01 17:51:18 · 9789 阅读 · 0 评论 -
【angular】Type Component is part of the declarations of 2 modules
Uncaught Error: Type **Component is part of the declarations of 2 modules Please consider moving **Component to a higher module that imports **Module and **Module. You can also create a new NgModule th原创 2017-11-30 15:36:19 · 3732 阅读 · 0 评论 -
【angular】TypeScript 搭建
TypeScript 有一些先天的优势:高度兼容原生脚本语法(甚至可以混着写)对语法的破坏性较少,即使没接触过的人,也能很快上手,初次阅读也没有什么障碍如名字所述,它讲究基于接口的强类型,因此非常适合原本的服务器开发者使用提供了大量编辑器的集成,有现有大量库的 .ts 元文件可用静态类型检查 IDE 智能提示 代码重构 可读性自从angular宣布2.0 基于TypeScript构建。Typ原创 2017-11-28 22:06:42 · 542 阅读 · 0 评论 -
【angular】解决跨域问题
angular2、angular4、angular5 及以上版本的跨域问题。通过angular自身的代理转发功能配置package.json 两种方式启动代理服务 第一种: 启动项目通过npm start启动,会自动启动代理服务npm start第二种: 或者直接以下命令启动代理服务ng serve --proxy-config proxy.conf.json原创 2017-12-07 23:29:48 · 5975 阅读 · 3 评论