Angularjs指令手动绑定模板答案

【问题标题】：Angularjs directive bind template manuallyAngularjs指令手动绑定模板
【发布时间】：2016-09-26 07:51:55
【问题描述】：

我正在创建一个庞大的表格，当单击表格的每个单元格时，会打开一个模式，并且从后端获取并显示有关该单元格的一些详细信息。这个模态将不得不重复使用很多，所以我将它创建为一个角度指令。

.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 并一次又一次地重复使用它，同时更改数据并将其保存在不同的文件夹中。

【问题讨论】：

你使用的是templateUrl，所以你已经有一个html了？
templateUrl 在表格的每个单元格中添加html

标签： javascript angularjs angular-directive

【解决方案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() {

                });
        });
    }
  }

});

单击通用函数中的每个单元格传递每个唯一值并调用然后应用返回写入通用服务并检索数据。

【讨论】：