Angularjs指令手動綁定模板

Question

我正在創建一個龐大的表，當單擊表格的每個單元格打開一個模式時，會從後端獲取有關該單元格的一些詳細信息並顯示出來。這種模式將不得不重複使用，所以我將它創建爲角度指令。

.directive('ltInstanceStatus', function() { 
    return { 
     restrict: 'A', 
     scope: { 
      instanceId: '=ltInstanceId' 
     }, 
     link: function(scope, element, attributes) { 
      var getInstanceStatus = function() { 
       // get Instance Status and pop modal 
      }; 

      element.bind('click', getInstanceStatus); 
     }, 
     templateUrl: '/assets/templates/instance_status.html' 
    }; 
}) 

這工作正常，但我想當單元格數量增加頁面加載時也會增加。有沒有這樣的方式，我有一個單一的模塊的HTML和一次又一次地重複使用更改數據同時保持它在不同的文件夾中。

Answer 1

此代碼檢查

.directive("chartDir",function(){ 

    return { 
    restrict: 'E', 
    transclude: true, 
    template: '<h2>Hello world!</h2> <div role="tabpanel" ng-transclude></div>', 
    scope: { }, 
    link: function(scope, elem, attr) { 
     elem.on('click', function() { 
       scope.$apply(function() { 

       }); 
     }); 
    } 
    } 

}); 

點擊常用功能的每一個細胞傳遞到每獨特的價值和呼叫再申請回寫常見的服務和檢索數據。