真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

angular中scopel指令怎么用

這篇文章將為大家詳細(xì)講解有關(guān)angular中scopel指令怎么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)長(zhǎng)期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為絳縣企業(yè)提供專業(yè)的做網(wǎng)站、網(wǎng)站設(shè)計(jì)，絳縣網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

我們來創(chuàng)建一個(gè)自定義指令


    
    Document
    
    
        
    
         

angular中scopel指令怎么用

使用自定義指令像上面一樣的確不錯(cuò)，但是如果你想要對(duì)每一個(gè)指令渲染出來的按鈕定制化，則好像不可以，比如下面我們創(chuàng)建一堆這個(gè)自定義指令，他們長(zhǎng)得一模一樣：


    
    Document
    
    
        
        
        
        
    
         


angular中scopel指令怎么用

一種思路是把這幾個(gè)自定義的指令按鈕放到不同的控制器里面，然后控制器里通過$scope上下文傳遞不同的值：

  
   
    Document
    
    
        
    
                                               

angular中scopel指令怎么用

這樣寫太麻煩了，所以我們的angular為我們的自定義指令提供了一個(gè)配置項(xiàng)叫scope,所以，我們可以如下這樣寫：


    
    Document
    
    
      
      
      
    
    
    

要看懂上面的只要注意兩點(diǎn)：

這里的獨(dú)立作用域里面的a代表的是template里面的模型a

=b代表的是要angular去尋找視圖里面的當(dāng)前指令的屬性b

屬性b的值需要去外部作用域里面去尋找

如果你想在指令作用域里綁定的模型的名字和外部使用的時(shí)候的屬性名一樣，可以省寫成如下：


    
    Document
    
    
      
      
      
    
    
    

當(dāng)然，上面的=號(hào)是雙向數(shù)據(jù)綁定：


    
    Document
    
    
      
    
    
    

如果只是想單向的數(shù)據(jù)通信，可以用@符號(hào)：


    
    Document
    
    
      
    
    
    

如果想用ng-class，也是可以的：


    
    Document
    
    
      
    
    
    

最后，還有一個(gè)scope可以設(shè)置是引用外部作用域的方法


    
    Document
    
    
      
    
    
    

關(guān)于“angular中scopel指令怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。


網(wǎng)頁標(biāo)題：angular中scopel指令怎么用
標(biāo)題URL：http://weahome.cn/article/ipcohc.html

在線咨詢

微信咨詢

電話咨詢

028-86922220（工作日）

18980820575（7×24）

提交需求

返回頂部