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

                });
        });
    }
  }

});

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

Angularjs指令手动绑定模板

1 个答案: