在我的应用程序中,我使用角度图表指令显示图形。
我想要完成的是在主页面中显示小版本的图形,然后通过按下按钮,在弹出窗口中显示更大版本的特定图形。
图形在运行时填充,一旦填充了小图形图形,它只会改变大小并在弹出窗口内复制画布代码,但我不知道如何实现它,所以我我在寻求帮助。
这是我的plunker "http://plnkr.co/edit/EajX7NqwHmu7oBVI4u8b"
答案 0 :(得分: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>
......