0

私のアプリケーションでは、Angular チャート ディレクティブを使用してグラフを表示しています。

私が達成したいのは、メイン ページに小さなバージョンのグラフを表示し、ボタンを押すことで、ポップアップ ウィンドウ内に特定のグラフの大きなバージョンを表示することです。

グラフは実行時に作成されます。グラフの小さなバージョンが作成されると、サイズを変更してポップアップウィンドウ内にキャンバスコードをコピーするだけで済みますが、それを達成する方法がわからないので、私は尋ねています助けを求めて。

これが私のプランカーです"http://plnkr.co/edit/EajX7NqwHmu7oBVI4u8b"

4

1 に答える 1

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>
......
于 2015-07-23T11:05:51.677 に答える