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() { 

       }); 
     }); 
    } 
    } 

}); 

点击常用功能的每一个细胞传递到每独特的价值和呼叫再申请回写常见的服务和检索数据。