这篇文章我觉得是很有用的,便于我们对ng项目的理解,同时在配置项目时,也能够很快的定位到相应文件. 摘录的别人的文章,首先感谢那个路人兄弟,下面就开始学习吧. File 文件 Purpose 用途 e2e/ 在e2e/下是端到端(end-to-end)测试. 它们不在src/下,是因为端到端测试实际上和应用是相互独立的,它只适用于测试你的应用而已. 这也就是为什么它会拥有自己的tsconfig.json. node_modules/ Node.js创建了这个文件夹,并且把package.json…

Angular4.0基础知识之组件 Angular4.0基础知识之路由 Angular4.0依赖注入 Angular4.0数据绑定&管道 最近搞到手了一部Angular4的视频教程,这几天正好有时间变学了一下,可以用来做一些前后端分离的网站,也可以直接去打包web app. 先上个效果图: 环境&版本信息声明 运行ng -v @angular/cli: 1.2.0 node: 8.1.2 os: win32 x64 @angular/* 4.2.5 ... 好吧,那就顺便写个笔记/教程/备…

来源于angular4.0.0发布时的公告,译者:niithub 原文发布时间:Thursday, March 23, 2017 翻译时间:2017年3月24日 angular4.0.0正式版现在可以使用了.这是自我们宣布angular改版后,首次发布的专业版本.它向下兼容,支持所有使用了angular2.x.x版本的应用程序. 我们很高兴和大家分享这个版本,它包括最近的3个月中我们做的功能上的主要改进.我们努力让开发者们能够很容易的接受angular4.0.0. 新版本的特性 更轻量化.更快…

Angular4.0基础知识见上一篇博客 路由 简介 接下来学习路由的相关知识 本来是不准备写下去的,因为当时看视频学的时候感觉自己掌握的不错 ( 这是一个灰常不好的想法 ) ,过了一段时间才发现Angular这个对我这个PHP程序猿来说不太常用的东西非常容易忘!幸好之前去写了笔记. 首先需要先了解一个概念(SPA),也就是单页面应用,一个页面只加载一次,不再刷新,只改变页面部分内容的应用. 路由的作用就是为每一个视图分配一个唯一的URL,进入这个URL的时候,使应用跳到某个特定的视图状态. 创…

Angular4.0基础知识之组件 Angular4.0基础知识之路由 依赖注入(Dependency Injection) 正常情况下,我们写的代码应该是这样子的: let product = new Product(); // 实例化一个对象 createOrder(product); // 调用方法传入商品对象,生成订单 createOrder方法依赖product类,但是createOrder方法自身并不知道也不能去创建一个product对象.我们把方法所需的对象实例化并当做参数传入,这…

Angular4.0基础知识之组件 Angular4.0基础知识之路由 Angular4.0依赖注入 数据绑定 数据绑定允许你将组件控制器的属性和方法与组件的模板连接起来,大大降低了开发时的编码量. 常见的表现形式有: 插值表达式:<h1>{{title}}</h1>,即把属性|表达式插入到HTML标签中 属性绑定:<img [src]="imgUrl" />,也就是将属性|表达式绑定到HTML标签的属性上 事件绑定:<button (clic…

最近的一个项目,我用ng4操刀,踩了超多的坑: 坑1:项目build后,刷新后404错误: 解决方案:<angular4.0项目build发布后,刷新页面报错404> 坑2:微信分享: 运行build后的文件,只能在进入项目时做一次微信分享:后面的页面再分享就是各种失败,暂未解决: 坑3:坑1和坑2相爱相杀 坑1的解决方案是:在路由中带入"#"符号: 坑2的可以分享一次的方案是:在路由中去掉"#"符号: 可想而知,必须舍弃一个,妈蛋,玩我啊!好吧,我确实…

当我们的项目运行在微信端时,用到oAuth第三方认证.问题来了,在ng4中微信认证应该放在哪里呢? 开始项目的时候,我将oAuth认证放在了每个页面模版中,发现返回历史页的时候,需要返回两次. 这个问题应该是认证的时候跳转页面导致的,所以,我们要考虑将oAuth放到合适的位置去. 下面具体的来说一说oAuth在ng4的步骤. 一.引入oauth.js文件 将oauth.js文件放在"assets"文件夹下,然后在index.html里面引入 <script src="a…

angular4.0项目执行npm run build后,进入页面正常显示. 但是当刷新页面时,报错404,页面未找到. 出现这个问题的原因,应该是找不到路由地址导致的,然后找到了下面的解决方案. 找到app.module.ts文件,这个是根模块.在模块中加入HashLocationStrategy和LocationStrategy服务. // 1.引入HashLocationStrategy.LocationStrategy服务 import {HashLocationStrategy, Lo…

之前写过<angular4.0配置本机IP访问项目>的文章,今天再次更新一个,谢谢大家的指正. 今天的目的是:使用本机IP地址,或者localhost都可以访问项目. 第一步:找到此文件"node_modules/webpack-dev-server/lib/Server.js",按照下图修改 二.修改配置文件package.json,见下图 三.在项目下,命令行运行 npm start,启动项目. 四.现在可以用本机IP:4200或者localhost:4200访问项目…