????? 剛進(jìn)公司,上司給了一個(gè)任務(wù)是對(duì)部門做的系統(tǒng)里的一張表格進(jìn)行數(shù)據(jù)管理,實(shí)現(xiàn)增刪改查等功能.我從服務(wù)接口獲取數(shù)據(jù)并將其展示在表格中,并且能夠?qū)崿F(xiàn)添加,修改,刪除,搜索,導(dǎo)入,導(dǎo)出的功能,并對(duì)某些字段項(xiàng)進(jìn)行了唯一性驗(yàn)證.

上司過(guò)來(lái)檢查每個(gè)功能的完成情況,添加刪除,編輯導(dǎo)出,搜索都可以,就是在導(dǎo)入數(shù)據(jù)的時(shí)候,用excel建表填數(shù)據(jù)發(fā)現(xiàn)不行,轉(zhuǎn)換成csv格式也不行,于是讓我修改一下,在頁(yè)面添加一個(gè)按鈕,目的是進(jìn)行模板的下載.由于太菜,簡(jiǎn)單的事情在我這也變得很復(fù)雜,折騰了一番得出下面的方法.

第一步:在.html 文件中添上這個(gè)按鈕

<a title="{{'BasicCoding.download'|translate}}"? href=" "? type="button">

<i class="icon-download" ></i><span>{{'BasicCoding.download'|translate}}</span>

</a>

?????? 因?yàn)樽龅南到y(tǒng)有漢語(yǔ),英語(yǔ),葡語(yǔ)三種版本,所以標(biāo)題那里進(jìn)行了國(guó)際化,還有模板下載的地址現(xiàn)在還沒(méi)確定,就先沒(méi)有寫(xiě),之后會(huì)加上.

第二步:建模板

相應(yīng)的建立三個(gè)語(yǔ)言版本的模板( config_zh_CN.csv??,? config_en_US.csv? ,? config_pt_PT.csv),在項(xiàng)目目錄asset下加上一個(gè)文件夾:template,并將這三個(gè)模板都放進(jìn)去.

第三步:在.angular-cli.json中添加template

第四步:在.ts文件中監(jiān)聽(tīng)當(dāng)前的語(yǔ)言版本,從而下載對(duì)應(yīng)的數(shù)據(jù)模板,例如:

a) import{SessionStorageService,SessionEnum} from...

b)在構(gòu)造函數(shù)中添加private session:sessionStorageService

c)this.lang=this.session.read(SessionEnum.lang)

第五步:聲明一個(gè)templateURL,拼接要下載的路徑地址

a)templateUrl='./template/';

b)this.templateUrl=this.templateUrl + 'config_' +this.lang +'.csv';

c)href="{{templateUrl}}"