这是Angular Advent Calendar第7篇文章。

首先

我最初是一名后端工程师，工作了很长时间，但是在过去的五年里，我一直作为前端工程师工作（虽然最初两年接触前端的时间不多）。

我在过去的5年里有过3次工作经验，起初是用Angular 7开始的，现在则在使用Angular 16。

我将介绍我在这三个场景中的经历！

大型移动公司的网络监控（Angular 7-10版本）

在这个场合上，我初次接触到Angular。
由于我还使用了rxjs和Ngrx，所以最初的学习成本很高，我现在还记得自己曾经努力奋斗过。

在这种情况下，由于无法处理票务，最终只能一直在后端编写Java。

然而，即使我对代码不是很了解，我也被允许以检查规范性等为名进行前端（Angular）代码审查。

所以，当我稍微熟悉后，就开始讨论将Angular 7升级到8的事情，并得到了其他人的支持，于是我负责处理这个任务。

我在查看 Angular 更新指南的同时进行了升级，尽管升级本身很顺利，但当我启动后遇到了许多错误，让我感到绝望。

正常启动花了一些力气，终于能够启动并进行了一些操作确认，感觉没有问题，但为了保险起见还让QA确认了一下，结果发现有一些地方运行得可疑。最终进行了全屏测试并进行了额外修正，我还记得这些。

然后，8到9的更新由另一个人完成，但与从7到8时相比，错误数量似乎减少了一些。
※个人观感是每次升级版本更新似乎都变得更容易。

积分

• 昔のAngularは、アップデートが結構大変

 

Angularの習得は大変（Ngrx,rxjsも大変　もちろん個人の能力による）

学校教育相关（Angular 12）

在下一个工作场所，由于接触Angular的机会很少，所以我选择了前端开发作为主要领域。

这个案件是系统替代项目，我们将把目前正在运行的系统替换为Angular。

首先，创建自己负责的功能库，并在其中编写替换用的代码。

在尚未完全掌握Angular的情况下，通过仓库创建是一个非常宝贵的经验。

由于有很多不懂的事情，所以我向另一位（虽然年轻但非常能干的）工程师询问了很多问题。

我负责的是日历功能，因为使用了库，所以记得比起Angular，更困惑于库的使用方法。

后来翻修工作是有点失败的呢~(好辛苦呢~)

虽然使用日历库很费劲，但是因为我有相对较多的编写代码的时间和一个可以询问问题的良好环境，这还是不错的。

我觉得我对Angular有一点点的掌握了。

点数 shù)

• リポジトリ作るところから経験できたのは良かった

 

Angularを習得するにはたくさんコードを書く

契约管理（Angular 13-16）

目前的现场，编写代码的时间进一步增加。
由于几乎没有会议，几乎所有的时间都在编写代码。

此外，从最初开始的工作场所起，我一直在使用Ngrx、rxjs，并且还使用了Nx。

这个项目基本上是按照最新的Angular版本进行开发的，当需要更新时，我们通过nx migrate来更新除了Angular以外的Ngrx、rxjs和其他库。

此外，技术主管会向我们分享一些关于新版本的有用信息，这真的很帮忙。

所以，随着Angular的更新，编码方式也逐渐变得新颖。

角度15

说到15，那一定是Standalone Component。

在提升到15之后，有机会开发新的应用程序，并完全通过Standalone进行开发（没有apps/**/app.module.ts文件）。

由于Standalone的存在，只要查看该组件就能知道导入了什么，测试方面不需要导入，非常方便。

Angular 16 – 十六号角歳

16啊，确实是Signal对吧！

尽管还只能写得有限，但我仍在慢慢地写下去。
我刚开始写的那篇帖子

2023年10月6日，我在公司项目中删除了Angular的signal编写记录。

另外，自闭合标签也非常好用，我经常使用很多！

<app-component></app-component> // <- これが

<app-component /> // <- こう出来る

Angular 17是目前最新的版本。

还没有引入，但Control Flow真是热火朝天啊！！

积分

• Angularアップデートの情報を社内共有してくれると新しい機能を知れて使う機運が高まる

 

• Angular15のComponent Store良い

 

• Angular16のSignal, Self-closing tagも良い

 

• Angular17のControl Flow激アツ

 

最近のAngularアップデートはすごい（やらなきゃ損）

总结

我在之前的现场经验中遇到了一些困难和感想，写了下来。 (Translation: I have documented the difficulties and thoughts I encountered in previous field experiences.)

我个人的观点是，随着Angular版本的升级，升级变得更加简单，并且最近的Angular升级非常热门！

每半年更新一次版本，可以使用新功能，而且更新也变得不麻烦了，所以应该尽快升级版本！！（最近没自己做过所以不确定会不会很麻烦。。。）

明天是@KOHETs先生的日子！