随笔分类 - Angular4.0
摘要：名称 时机 接口 范围 ngOnChanges 当被绑定的输入属性的值发生变化时调用，首次调用一定会发生在 ngOnInit之前。 OnChanges 指令和组件 ngOnInit 在第一轮 ngOnChanges 完成之后调用。 ( 译注：也就是说当每个输入属性的值都被触发了一次ngOnChang
阅读全文
摘要：在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求。 当希望用户离开一个正常编辑页时，要中断并提醒用户是否真的要离开时，如果在Angular中应该怎么做呢？ 其实Angular路由守卫属性可以帮我们做更多有意义的事，而且非常简单。 Angular 的 Route 路由
阅读全文
摘要：在使用ng项目的ui框架时，比如ng-zorro、angular Material，需要安装最新版本的@angular/cli； 配置ng-zorro框架 ng-zorro官网：https://ng.ant.design/#/docs/angular/getting-started 命令行执行下面的
阅读全文
摘要：当我们的项目运行在微信端时，用到oAuth第三方认证。问题来了，在ng4中微信认证应该放在哪里呢？ 开始项目的时候，我将oAuth认证放在了每个页面模版中，发现返回历史页的时候，需要返回两次。 这个问题应该是认证的时候跳转页面导致的，所以，我们要考虑将oAuth放到合适的位置去。 下面具体的来说一说
阅读全文
摘要：main.ts负责引导整个angular应用的起点
阅读全文
摘要：这篇文章我觉得是很有用的，便于我们对ng项目的理解，同时在配置项目时，也能够很快的定位到相应文件。 摘录的别人的文章，首先感谢那个路人兄弟，下面就开始学习吧。 给TSLint和Codelyzer用的配置信息，当运行ng lint时会用到。 Lint功能可以帮你保持代码风格的统一。
阅读全文
摘要：angular4.0项目执行npm run build后，进入页面正常显示。 但是当刷新页面时，报错404，页面未找到。 出现这个问题的原因，应该是找不到路由地址导致的，然后找到了下面的解决方案。 找到app.module.ts文件，这个是根模块。在模块中加入HashLocationStrategy
阅读全文
摘要：之前写过《angular4.0配置本机IP访问项目》的文章，今天再次更新一个，谢谢大家的指正。 今天的目的是：使用本机IP地址，或者localhost都可以访问项目。 第一步：找到此文件“node_modules/webpack-dev-server/lib/Server.js”，按照下图修改 二、
阅读全文
摘要：快捷键：ALT + ENTER 直接import对应的依赖路径
阅读全文
摘要：Routes 路由配置 Router 路由跳转 ActivatedRoute 路由参数 FormsModule 表单配置（在app.module.ts中注入在imports下） EventEmitter 事件发射（子组件--父组件，需要配合Output使用）,选择'@angular/core' In
阅读全文
摘要：查看ng命令行 ng help 创建项目 ng new projectName ng new projectName --routing【--routing表示创建带路由的项目】 配置依赖 npm install 启动服务器 ng serve npm start 发布项目 npm run build
阅读全文
摘要：要成为优秀的TS开发人员，必须直接禁用TS的不良特性。 为此，道爷亲自操刀编写了TSLint工具，用来分析我们的TS代码，把潜在的Bug和不良代码全部找出来。 目的是为了保证TS的质量，但是存在的问题是，会因为某些细节报红，这样干扰了我们编码。 method：修改tslint.json文件的参数。（
阅读全文
摘要：一、配置打包路径 配置打包路径，便于提交到SVN,不用每次都复制粘贴 在.angular-cli.json文件中修改"outDir"的路径，打包后的项目将发布到路径下 二、解决打包后资源文件404问题 打包完成后，运行打包文件，报错404，js，css未找到。 解决办法：修改index.html中的
阅读全文
摘要：一、查看本机IP 命令行输入 ipconfig，在面板中选择IPv4地址 二、在项目中配置IP 打开package.json文件，修改如下 三、命令行运行 npm start 四、在手机上访问 192.168.0.116:4200
阅读全文
摘要：前面有个《angular4.0如何引入外部插件1：import方案》，但是有局限，因为方案1需要用到@types这个东西。 但是并不是每一个插件都有@types，所以现在写个方案2。 拿引入微信SDK举个栗子，小伙伴们，快搬凳子。 大致步骤和《angular4.0如何引入外部插件1：import方案
阅读全文
摘要：引入外部插件是项目中非常重要的环节。因为部分插件以js语法写的，而ng4用的是ts语法，所以在引入时需要配置。 Step1：引入swiper插件的js文件【css在下面会讲到，先别急】 很重要的意见：亲测，如果用【方法二】引入的js导致效果有问题，请用【方法一】再试 方法一：在index.html中
阅读全文
摘要：issue：用[(ngModel)]="property"指令双向数据绑定，报错。 reason1：使用ngModel绑定数据需要注入FormsModule模块，在app.module.ts中全局注入 reason2：不符合ng绑定数据的书写规则 规则一：在input标签中添加name属性【推荐使用
阅读全文
摘要：这个问题估计是ng4严格了语法规范的原因。 介于这篇太短，附上图助助兴致 解决办法：
阅读全文
摘要：ng4中有很多获取数据的API，为了满足跨域的需求，我选择JSONP模块； 应该有很多小伙伴遇到这个报错吧 injected script did not invoke callback； 下面我写个完整的demo来解决这个问题。 一、在app.module.ts模块中，注入JsonpModule模
阅读全文
摘要：一、为什么选择sass为了更好的管理代码，我们需要可以定义变量，同时可以使用函数的样式工具，比如定义公用color、bg。显然css无法满足需求。现在市面上常用的是sass、less。经过比较，我选择sass，因为sass更加接近css的写法。 二、配置sass1、利用npm工具安装sass依赖和l
阅读全文
浙公网安备 33010602011771号