本文實(shí)例講述了AngularJS自定義插件實(shí)現(xiàn)網(wǎng)站用戶(hù)引導(dǎo)功能。分享給大家供大家參考，具體如下：

最近由于項(xiàng)目進(jìn)行了較大的改版，為了讓用戶(hù)能夠適應(yīng)這次新的改版，因此在系統(tǒng)中引入了“用戶(hù)引導(dǎo)”功能，對(duì)于初次進(jìn)入系統(tǒng)的用戶(hù)一些簡(jiǎn)單的使用培訓(xùn)training。對(duì)于大多數(shù)網(wǎng)站來(lái)說(shuō)，這是一個(gè)很常見(jiàn)的功能。所以在開(kāi)發(fā)這個(gè)任務(wù)之前，博主嘗試將其抽象化，獨(dú)立于現(xiàn)有系統(tǒng)的業(yè)務(wù)邏輯，將其封裝為一個(gè)通用的插件，使得代碼更容易擴(kuò)展和維護(hù)。

無(wú)圖無(wú)真相，先上圖：

關(guān)于這款trainning插件的使用很簡(jiǎn)單，它采用了類(lèi)似Angular路由一樣的配置，只需要簡(jiǎn)單的配置其每一步training信息。

title：step的標(biāo)題信息；
template/templateUrl: step的內(nèi)容模板信息。這類(lèi)可以配置html元素，或者是模板的url地址，同時(shí)templateUrl也支持Angular route一樣的function語(yǔ)法；
controller: step的控制器配置；在controller中可注入如下參數(shù)：當(dāng)前step