复制div内容以动态创建模式窗口:可能吗？

Question

在我的应用程序中，我使用角图指令显示图形。

我想要完成的是在主页中显示一个小版本的图形，然后按下按钮，在弹出窗口中显示一个更大的特定图形版本。

图形是在运行时填充的，一旦填充了图形的小版本，就只需要在弹出窗口中更改大小和复制画布代码，但是我不知道如何实现这一点，所以我请求帮助。

这是我的柱塞"http://plnkr.co/edit/EajX7NqwHmu7oBVI4u8b"

Answer 1

您需要像这样的directive：

app.directive('graph', [function() {
    return {
        restrict: 'A',
        scope: {
            x: '@',
            y: '@',
            width: '@',
            height: '@'
        },
        template: '' // Your code to draw the graph.
    };
}]);

通过这种方式，您可以通过更改参数在多个位置重用该指令：

<div graph width="100" height="200"></div>
<div graph width="500" height="1000"></div>
......