本文實(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
主站蜘蛛池模板:
新干县|
雅安市|
嘉义县|
隆尧县|
精河县|
浦北县|
吉木乃县|
赤水市|
福海县|
龙岩市|
东莞市|
大安市|
隆子县|
鄱阳县|
新晃|
南岸区|
舒城县|
河北区|
廉江市|
龙南县|
宣恩县|
绥中县|
瑞安市|
赣榆县|
宜都市|
华坪县|
双柏县|
扎兰屯市|
临海市|
英超|
福鼎市|
谢通门县|
柳林县|
德昌县|
镇沅|
如东县|
凤庆县|
霍林郭勒市|
宁都县|
浦东新区|
铜陵市|