-

大家在Part1已經可以體會到，它可以幫前端做很多的事情，而含括更多的是完整的框架，那今天我們繼續介紹一些實用的功能！

Directive

當你想加入一些函式，你可以試著用這個功能，angular提供了Directive來讓dom的操作更簡潔，我們接著來看著程式碼吧！

顯然地，你可以輕易看到執行後會回傳return的文字，是不是很酷呢lol

當然angular提供的directive絕對不只這麼的弱雞，他還提供很多不同的方式呈現呢，總共有四種設定來呈現

E for Element name

A for Attribute

C for Class

M for Comment

那我們可以在待會的程式碼看見這該如何去使用，並且每一個元素對應到的用法有何不同，而我們在做這些設定的參數就是return中的restrict，裏頭只要設定字母就可以置換到對應的用法！

當然，你也可以輕易地使用Directive來做css的增加或者是背景的修改，甚至是玩弄項目的操作！

接下來我們進到大家比較熟悉的主題，我們在一大筆資料要怎麼像迴圈一般地去顯示資料呢?我們就會使用到我們的ng-repeat，ng-repeat的功能就像是for一樣，在設定你的資料後，他慧你的資料順序進行迴圈，就有如js中的variables in items一樣，一件一件地把資料撈出來顯示，那我們程式碼做一段範例

上頭第一筆我們用了ng-init去設定初值，並且使用repeat去做bind，並且可以看到網頁成功地顯示出這些程式碼！而repeat也是支援json的格式去做bind，所以有什麼資料就請大方地放進去repeat吧！在第二段程式碼中，我們做了一段json來做repeat，也發現顯示是正確的！angular可以在你bind後的東西，提供找你下一個資料的功能，就如同上述的apple.leave，這樣就可以去順利尋找到apple中的leave了！