AngularJS 相關(guān)

本章節(jié)主要講述和AngularJS相關(guān)的插件以及一些操作指南。Angular雖然迭代更新很快，但是相對來說編輯器相關(guān)的還是比較穩(wěn)定，比如代碼高亮，代碼塊的簡寫方式等等。接下來就跟著我一起學(xué)習一下吧。

截止文章編寫的時候，Angular已經(jīng)發(fā)布到10，代碼更新頻率還是很快的

1. AngularJS 插件&TypeScript 插件

AngularJS 插件就是我們開發(fā)Angular項目的一把鋒刃利器，有了它。我們可以只寫ng-xx（當然我們的代碼也會高亮，更加友好），按下tab鍵即可生成很多代碼，快來試試吧。

該版本使用了TypeScript，所以也需要裝一下TypeScript插件，別的框架也支持TypeScript，所以學(xué)習它不會吃虧

1.1 實踐操作

AngularJS代碼塊的操作非常簡單，大多數(shù)命令都是以ng-開頭的，比如有：ng-click，ng-change，ng-bind 等等，按下tab就能生成對應(yīng)代碼，非常便捷。

<div ng-switch-when="string"></div>
<div ng-bind="expression"></div>
<div ng-click="expression"></div>
<div ng-repeat="(key, value) in dataset"></div>
<div ng-bind="expression"></div>
<div ng-list="string"></div>
...

大多數(shù)情況下，我們記住ng2個字母即可。

1.2 其他ng模板

同時我們可以用鼠標拖拽可以提示的下拉框，或者用鍵盤上下鍵選擇（回車確定）

1.3 編寫 angular 的 js 代碼

同樣的，安裝好了插件之后，我們也能快速方便的寫 angularjs 代碼。比如我們可以試著敲出：

• @c 然后插件會帶出相應(yīng)的代碼塊，
• sty，能聯(lián)想出樣式url
• temp，甚至更少，就能聯(lián)想出模板url
  

2.總結(jié)

通過本章節(jié)，我們了解了一下開發(fā)AngularJS需要安裝哪些插件，以及一些代碼塊的縮寫。實際上，更多更復(fù)雜的情景會在工作中慢慢接觸到，這也會讓我們變的更加強大。