前言

在成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)過程中，需要針對(duì)客戶的行業(yè)特點(diǎn)、產(chǎn)品特性、目標(biāo)受眾和市場(chǎng)情況進(jìn)行定位分析，以確定網(wǎng)站的風(fēng)格、色彩、版式、交互等方面的設(shè)計(jì)方向。創(chuàng)新互聯(lián)建站還需要根據(jù)客戶的需求進(jìn)行功能模塊的開發(fā)和設(shè)計(jì)，包括內(nèi)容管理、前臺(tái)展示、用戶權(quán)限管理、數(shù)據(jù)統(tǒng)計(jì)和安全保護(hù)等功能。

AngularJS中指令的重要性是不言而喻的，指令讓我們可以創(chuàng)建自己的HTML標(biāo)記，它將自定義元素變成了一個(gè)一個(gè)的模塊，極大的體現(xiàn)了前端開發(fā)中的模塊化模式，并提高了代碼的易讀性和重用性。AngularJS中的指令也是學(xué)習(xí)AngularJS中的一個(gè)難點(diǎn)所在，其中的許多屬性，需要反復(fù)學(xué)習(xí)，認(rèn)真體會(huì)，方能領(lǐng)悟其中的精妙之處。

今天我們要講的就是其中一個(gè)重點(diǎn)和難點(diǎn) – transclusion。關(guān)于這個(gè)話題我之前也寫過很多文章來講述，但是當(dāng)時(shí)都是照搬博文中的例子，自己也沒有比較深刻的體會(huì)，因此一直不得要領(lǐng)。今天我們的目標(biāo)就是“徹底弄懂transclusion”。

一、什么是transclusion

好吧，我知道你肯定會(huì)去查詞典，但是你會(huì)發(fā)現(xiàn)，詞典上沒有transclusion這個(gè)詞的準(zhǔn)確釋義?。?！納尼?。?！這不坑爹的嗎?。。?！

還好，維基百科上有一個(gè)注釋，翻譯過來意思大概是這樣的：

transclusion在計(jì)算機(jī)科學(xué)中指的是講一個(gè)文檔或者一個(gè)文檔的某部分在另一個(gè)文檔中引用。
我去，這不坑爹的嗎！！！什么意思！?。?！

確實(shí)，你猜對(duì)了，這個(gè)解釋對(duì)我們一點(diǎn)幫助都沒有！?。。。?！

還好，我們終于在某道詞典找到了一個(gè)解釋:“嵌入”，這里指的是transclusion這個(gè)詞，而在后面我們即將看到的transclude這個(gè)詞壓根在詞典上就找不到。算了，淡定一點(diǎn)，繼續(xù)往下看。其實(shí)這里翻譯為“嵌入”，如果從實(shí)際運(yùn)用中來看，還是比較貼切的。如果你不太理解什么是transclusion，我們下面用一個(gè)例子來說明一下。

ok，現(xiàn)在我們要?jiǎng)?chuàng)建一個(gè)指令了，我們把這個(gè)指令叫做。在此先略過這個(gè)指令的創(chuàng)建過程，如果你還不知道怎樣創(chuàng)建一個(gè)指令，請(qǐng)前參看前面幾篇文章。

好了，無論怎么說，這個(gè)指令已經(jīng)創(chuàng)建好了，于是我們可以有以下幾種用法：

第一種：

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

新聞標(biāo)題：徹底學(xué)會(huì)Angular.js中的transclusion-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://weahome.cn/article/dpssoi.html