复制 div 内容以动态创建模式 window:possible？

Question

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

我想要完成的是在主页中显示图表的小版本，然后通过按下按钮，在弹出窗口中显示特定图表的大版本 window .

图表在运行时填充，一旦填充了小版本的图表，只需更改大小并在弹出窗口中复制 canvas 代码即可 window，但我不知道如何实现，所以我寻求帮助。

这是我的笨蛋 "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>
......

复制 div 内容以动态创建模式 window:possible？

Copy div content to dynamically create a modal window:possible?

angularjs

angular-ui

chart.js

angular-chart