摘要:Angular配置路由 1、找到 app-routing.module.ts 配置路由 引入组件 配置路由 找到 app.component.html 根组件模板,配置 router-outlet 显示动态加载的路由 Angular routerLinkActive设置routerLink 默认选中 阅读全文
posted @ 2019-07-31 15:41 reaf 阅读 (94) 评论 (0) 编辑
摘要:这是有关Angular应用架构设计系列文章中的一篇,在这个系列当中,我会结合这近两年中对Angular、Ionic、甚至Vuejs等框架的使用经验,总结在应用设计和开发过程中遇到的问题、和总结的经验,来说一下Angular应用的架构设计相关的一些问题,包括像组件设计、组件之间的数据交互与通信、Ngr 阅读全文
posted @ 2019-07-31 09:15 reaf 阅读 (58) 评论 (0) 编辑
摘要:2> 写resolve 3>修改要显示页面的路由,添加resolve属性 4>修改组件 直接在ngOnInit 中获取从导航中拿到的数据在this.route.data中,详细请console.log(this.route)查看 阅读全文
posted @ 2019-07-30 09:42 reaf 阅读 (64) 评论 (0) 编辑
摘要:通过angular自身的代理转发功能 配置package.json 启动项目通过npm start启动,会自动启动代理服务npm start 阅读全文
posted @ 2019-07-28 11:46 reaf 阅读 (36) 评论 (0) 编辑
摘要:一、生成路由文件 按照惯例,有一个独立模块来配置相关路由,这个模块类的名字叫做AppRoutingModule,位于src/app下的app-routing.module.ts文件中。 使用CLI生成它。 然后查看src/app目录下是否生成成功。 接下来,我们查看生成的文件: 通常不会在路由模块中 阅读全文
posted @ 2019-07-23 10:40 reaf 阅读 (338) 评论 (0) 编辑
摘要:在angular 6中使用 less 阅读全文
posted @ 2019-07-22 23:55 reaf 阅读 (67) 评论 (0) 编辑
摘要:基本符号: ^ 表示匹配字符串的开始位置 (例外 用在中括号中[ ] 时,可以理解为取反,表示不匹配括号中字符串) $ 表示匹配字符串的结束位置 * 表示匹配 零次到多次 + 表示匹配 一次到多次 (至少有一次) ? 表示匹配零次或一次 . 表示匹配单个字符 | 表示为或者,两项中取一项 ( ) 小括号表示匹配括号中全部字符 [ ] 中括号表示匹配括号中一... 阅读全文
posted @ 2019-07-18 17:16 reaf 阅读 (13) 评论 (0) 编辑
摘要:首先 sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端:sockjs-node(https://github.com/sockjs/sockjs-node) 客户端:sockjs-cl 阅读全文
posted @ 2019-07-18 15:46 reaf 阅读 (47) 评论 (0) 编辑
摘要:require.context是什么 一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用i 阅读全文
posted @ 2019-07-18 15:29 reaf 阅读 (22) 评论 (0) 编辑
摘要:建议不要在与v-for相同的元素上使用v-if。因为v-for指令的优先级高于v-if当它们处于同一节点。v-for 的优先级比 v-if 更高,这意味着 v-if 将分别重复运行于每个 v-for 循环中。 将if指令添加到父级元素上,这可以避免对每个列表项进行条件判断。 如果需要在列表中过滤掉不 阅读全文
posted @ 2019-07-16 11:23 reaf 阅读 (1361) 评论 (0) 编辑