Angular
Baron.Best
If you do not do well, it will be the greatest harm to love.
展开
-
建立一个导航栏
最近在忙一个小项目,因为我几乎是前端的小白,师姐就给我分了一个比价简单的任务:创建一个导航栏,就是这么简单的一个功能,我还是弄了两三天,说起来真是惭愧呀。对,就是这么小小的一个功能:因为刚开始的时间引用mui老师出错,我就调了好久的bug,后来发现bug越来越多,我就另辟蹊径,模仿另一个项目的,其实中间我说起来很简单,事实上还是颇为复杂的,不过我也成长了不少,基本知道了如何使用Angular和vs...原创 2018-06-17 18:54:24 · 252 阅读 · 13 评论 -
风雨砥砺,岁月如歌——初识Angular
小编最近因为项目需要,接触到了Angular,稍作了解,和大家分享一下: What 一个功能非常完备的前端框架,通过增强HTML的方式提供一种便捷开发Web应用程序的方式 其核心特点就是几乎无任何DOM操作,让开发人员的精力和时间全部集中于业务 MVC的特性增强了代码的结构和可维护性,应对需求的变化做出最小的改动 Why 更少的代码实现更强劲的功能 提供了很多在传统后端开...原创 2018-09-02 20:31:13 · 345 阅读 · 9 评论 -
风雨砥砺,岁月如歌——Angular初入门之路由时数据传递
小编最近在接触Angular框架,略有收获,和大家分享一下: 在路由时传递数据的方式主要有三种: 第一:在查询参数中传递数据 路径后边通过"?"+"参数的名字"="参数的值" 这种方式传递的数据可以在路由的目标组件中通过"ActivateddRoute"的"queryParams[]"这个参数来获取到传递的数据,如下所示: 第二:在路由的路径中来传递数据 使用这种方式,在定义...原创 2018-09-16 19:43:57 · 315 阅读 · 11 评论 -
风雨砥砺,岁月如歌——Angular框架核心内容初探索
小编最近刚刚接触Angular框架,很多核心的地方不太理解,于是就认真的查了一下,加入到注释里,希望能给初次接触的亲们一个点点帮助: app.module.ts里的核心内容: // 一个模块也是一个带着装饰器的ts类 // 引入这个模块需要的东西 import { BrowserModule } from '@angular/platform-browser'; import { NgMod...原创 2018-09-23 21:43:53 · 347 阅读 · 15 评论 -
风雨砥砺,岁月如歌——Angular项目组件发布概要
老铁们,今天我们搞一件大事情:发布一个Angular组件~ 组件的目录结构 lib文件:此文件存放要封装的所有组件文件 index.js:索引文件 package.json:发布组件的相关配置 PS: (1)发布包的名称命名为:组件名(烤肉串命名法+小驼峰) 如:ng-itoo-tree (2)在发布组件的时候,用cnpm安装,用npm发布 注册npm账号 注册方...原创 2018-10-11 17:24:47 · 277 阅读 · 8 评论 -
Angular项目的启动过程
大家都知道Angular有很多的优点,包括: 横跨所有平台 学会用Angular构建应用,然后把这些代码和能力复用在多种多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用。 速度与性能 通过Web Worker和服务端渲染,达到在如今(以及未来)的Web平台上所能达到的最高速度。 Angular让你有效掌控可伸缩性。基于RxJS、Immutable.js和...原创 2018-10-21 19:19:54 · 1365 阅读 · 15 评论 -
Angular7降级到Angular6不成功的解决策略
问题描述 因为ITOO项目开发的需要,需要安装指定的版本Angular CLI 6.2.4,但是前段时间因为测试新框架,我本地Angular升级到了7,结果在降级这方面遇到了问题,无论采用何种方式,始终都如下图所示(具体采用的方式可以参见:https://blog.csdn.net/ItTvibe/article/details/79062838 https://blog.csd...原创 2018-10-24 15:45:39 · 1790 阅读 · 19 评论 -
Angular浅析
接触Angular有一段时间了,有必要系统的回顾一下: Angular介绍 库和框架的区别 jQuery:库 库一般都是封装了一些常用的方法 自己手动去调用这些方法,来完成我们的功能code $('#txt').val('我是小明'); $('div').text('xx'); angular:框架 框架都是提供一种规范或者模式, 我们却要按照它提供的这种规则去写代码 ...原创 2018-11-04 21:01:51 · 601 阅读 · 3 评论 -
Angular之管道
我们在网站开发时,需要读取后端的接口进行视图层的数据展示。我们经常会遇到接口给予我们的值不是最终展现的数据,例如:后端返回的金额是number类型额数据,我们需要遇到千分位用逗号隔开(10000 -> 10,000),重量10000g转成10kg等,这些需要前端把数据进行简单的转换成对用户友好的格式。在angular6中pipe便发挥这样的作用,熟悉vue的同学会感觉非常类似vue中的com...原创 2019-01-20 19:56:50 · 413 阅读 · 5 评论