随笔分类 -  angular

angular工具-compodoc
摘要：compodoc是一个angular应用程序工具。它可以为你的app创建一个静态文档。 compodoc可以帮助angular开发人员创建干净漂亮的文档，其他的angular小组开发人员可以通过这个生成文档轻松的理解应用程序和库的功能。 安装：npm install -g @compodoc/com 阅读全文
posted @ 2018-03-21 16:14 艾路 阅读(290) 评论(0) 推荐(0) 编辑
angular工具-stackblitz
摘要：github上有很多angular demo,样例什么的。下载在安装这些文件会花费很多的时间。分享给别人的时候也会很麻烦。 stackblitz是一个可以在线编辑angular项目，查看项目的工具。现在只支持angular-cli脚手架项目。 如何用呢：在用户的github demo链接上改成sta 阅读全文
posted @ 2018-03-21 14:56 艾路 阅读(439) 评论(0) 推荐(0) 编辑
快速更新package.json文件
摘要：前端框架更新快速，频繁。假如环境是npm，可以通过以下命令行快速更新依赖文件。 npm i -g npm-check-updates ncu-u -a 命令会将当前package中文件更新到最新版本。 有些依赖文件可能不支持最新版本，更新完后，手动修改后就可以install了。 阅读全文
posted @ 2018-02-05 15:50 艾路 阅读(933) 评论(0) 推荐(0) 编辑
Angular 中使用惰性加载
摘要：一些模块使用延迟加载后，只有当用户第一次导航到这个模块时，才会加载一些特性。这对于应用程序的性能和减小初始包的大小有很大的帮助。另外，设置非常简单。 延迟加载的路由需要在根应用程序模块之外，所以需要将惰性加载特性假如特性模块中。 在主路由配置中，需要执行以下操作： 上面使用了loadChildren 阅读全文
posted @ 2017-12-26 18:36 艾路 阅读(267) 评论(0) 推荐(0) 编辑
angular 模块一些问题
摘要：BrowserModule，CommonModule的选择： BrowserModule提供了启动和运行浏览器应用的那些基本的服务提供商。BrowserModule还从@angular/common中重新导出了CommonModule，这意味着AppModule中的组件也同样可以访问那些每个应用都需 阅读全文
posted @ 2017-12-26 17:14 艾路 阅读(869) 评论(0) 推荐(0) 编辑
angular 表单操作
摘要：一直没有使用angular的表单验证以及表单提交数据。只是用的input绑定值，另外最近的设计都是点击后显示错误，而不是自动显示错误。所以错误显示一直也没有做。而表单的非法验证可以直接解决这个问题。angular 5最近更新的跟表单验证有关。导致我想研究下angular的表单操作。把web移动端的表 阅读全文
posted @ 2017-12-05 19:13 艾路 阅读(258) 评论(0) 推荐(0) 编辑
angular 5的新特性
摘要：angular有一个新的选项，preserveWhitespaces,从模板代码中删除非重要的空白字符，让应用程序的最终大小进一步压缩。这个选项默认是关闭的。需要把它添加到全局的tsconfig.json文件。 这个选项也可以在某个组件上使用，在组件的@component中添加preseveWhit 阅读全文
posted @ 2017-12-05 14:35 艾路 阅读(398) 评论(0) 推荐(0) 编辑
angular4 浏览器兼容
摘要：angular支持大部分浏览器。有些浏览器不支持。比较重要的就是安卓手机浏览器。 我们可以通过index页面中加载polyfills来加以弥补。这些脚本实现了浏览器缺失的 JavaScript 特性。 我们可以把core.js文件下地shim文件加在header中，这样就可以运行angular应用。 阅读全文
posted @ 2017-10-26 11:33 艾路 阅读(3133) 评论(0) 推荐(0) 编辑
Angular4+ 页面切换 显示进度条
摘要：使用ngx-progressbar 插件可以通过简单几句代码实现loading加载效果。 npm install ngx-progressbar --save 在app.module.ts文件中，我们需要引用NgProgressModule,然后添加到NgModule的imports中。在公共页面添 阅读全文
posted @ 2017-10-12 16:35 艾路 阅读(2680) 评论(0) 推荐(0) 编辑
angular router拾遗
摘要：RouterLink指令与纯html定义超链接的区别在于，angular通过以下两个步骤来保证不重载刷新加载应用的情况下完成跳转。 在click事件中调用preventDefault()方法来禁止单机<a>标签后向服务器发送请求的行为，从而避免了跳转加载。 调用Router.navigateByUr 阅读全文
posted @ 2017-09-06 13:41 艾路 阅读(201) 评论(0) 推荐(0) 编辑
angular 4 路由风格 #锚点风格
摘要：当angular 编译完成后。部署到服务器，点击标签跳转路由。此时刷新页面。页面跳转403，我改回了锚点路径可以跳转页面后，刷新浏览器依旧显示正确页面。应该有其他方式让浏览器刷新后依旧正常工作的h5路由器。 改成锚点路径的代码如下 阅读全文
posted @ 2017-06-08 22:34 艾路 阅读(836) 评论(0) 推荐(0) 编辑
ng build --aot --prod生成文件报错
摘要：Cannot read property 'create' of undefined when building with --prod or --aot 解决方案：改变zone.js的版本号为0.8.5； 然后删除dist ng_modules,然后重装下就可以正常使用了。 阅读全文
posted @ 2017-06-06 22:24 艾路 阅读(724) 评论(0) 推荐(0) 编辑
angular router 守卫
摘要：CanDeactivate该守卫让我们有机会进行清理工作或在离开当前视图之前请求用户的许可。 当使用子路由时，加载顺序很重要。子路由最好放在主路由的上面。angular使用先匹配显示展示路由。 angular中得跳转链接使用navigate。this.router.navigate['/heroes 阅读全文
posted @ 2017-06-05 18:03 艾路 阅读(932) 评论(0) 推荐(0) 编辑
angular 基础router
摘要：anuglar中路由器设置按照具体路由到通用路由的设置。因为Angular使用先匹配者优先。 路由的出口在router-outlet标签中显示。<router-outlet></router-outlet> 面包屑使用a标签导航，a标签上得RouterLink指令让路由器控制a元素。假如使用动态导航 阅读全文
posted @ 2017-06-02 14:10 艾路 阅读(512) 评论(0) 推荐(0) 编辑
ng generate
摘要：在查询如何使用generate时，生成到固定文件夹下。 固定文件夹下好坐分支路由。 https://github.com/angular/angular-cli/issues/3570 答案参考上方。 具体方式就是：在ng generate后直接跟上目录即可。 例子：ng g c test/test 阅读全文
posted @ 2017-06-01 15:54 艾路 阅读(2286) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示