提供商配方

Question

我有一個指令有一個提供者，假設這個提供者可以在同一個應用程序中多次配置，並且指令的每個實例都採用不同配置的值，但指令的所有實例總是假定相同的配置。我不知道如何解決這個問題？

.provider('tabNavBarConfig', function tabNavBarConfigProvider() { 

    this.setNamesTab = function (array) { 
     this.tabs = array || new Array("tab1", "tab2", "tab3", "tab4"); 
    } 


    this.setTabActivated = function (nun) { 
     this.tabActivated = nun; 
    } 


    this.setTabActivatedColor = function (color) { 
     this.tabActivatedColor = color || "#f00"; 
    } 


    this.setBackgroundColor = function (color) { 
     this.backgroundColor = color || "#ddd"; 
    } 


    this.setBackgroundBlockColor = function (color) { 
     this.backgroundBlockColor = color || "#fff"; 
    } 


    this.setTextColor = function (color) { 
     this.textColor = color || "#000"; 
    } 


    /* return instance of provider*/ 
    this.$get = function() { 
     return this; 
    }; 

    }) 

Answer 1

請務必注意，AngularJS服務始終是單身人士。這意味着，一旦AngularJS構造一個服務對象，整個應用程序就會重用相同的實例。 因此，多次配置提供程序將更改服務工廠生成的單個實例中的值。因此，你所有的指令都會得到相同的值，而不是私有值。 您能否介紹一下您的案例？

更新1：

考慮看看文件後，實現你的目標的正確方法是使用該指令的控制器。鏈接功能將接收控制器實例作爲參數：

function link(scope, iElement, iAttrs, controller, transcludeFn) { ... } 

這樣您就可以訪問特定於指令實例的配置值。此外，控制器實例在所有指令中共享，允許指令將控制器用作通信通道。

我希望這是你在找什麼。祝你好運。