自定義指令內部自定義指令不會觸發

Question

我有一個指令，根據數據加載模板，現在當我加載模板，它碰巧有另一個指令，它只是簡單地不呈現。

我試過pririty，transclude，replace和其他任何可能的開關但沒有成功。

任何想法，爲什麼這對根HTML文件的作品，但不是當另一個指令內？

這裏是蹲點。

http://plnkr.co/edit/ORF5zXJGFb3Z9Kb0mNyK?p=preview

Answer 1

它不工作的原因是因爲你的瓷磚指令創建一個隔離的範圍，這意味着任何父範圍變量將不會是瓷磚指令的兒童使用。由於'mainAreaChart'變量是在MainCtrl中定義的，所以模板tile2.html不可訪問它。

至於如何解決這個問題，可以採取多種方式。最簡單的方法是將你需要的數據抽象出來構建你的圖表到服務中：

app.factory('ChartData', function(){ 
    return { 
     get : function(id){ 
      return //Your data based on logic 
     } 
    } 
}); 

app.directive('chart', function(ChartData){ 
    return { 
     //Configuration properties 
     scope : { 
      chartDataKey : '@' 
     }, 
     link : function(scope, element, attrs){ 
      var data = ChartData.get(scope.chartDataKey); 
      //More logic 
     } 
    } 
});