Question

我的屏幕将分为4个相等的矩形，每个矩形都有一个图表。我希望用户能够点击图表和应用程序然后放大到一个新视图，即该图表作为整个页面。 / p>

所以我想要设置：

app / charts显示所有图表。然后当用户选择图表（比如图表-1）时，应用程序会导航到app / charts / chart-1。

我希望点击的图表展开到视图中，直到它占据整个屏幕（新视图）。

我愿意接受任何方法。 CSS，javascript库，黑客（可能只是使用一个视图并放大所选的div？）我希望能够通过url导航到全屏图表...

谢谢，任何帮助表示赞赏。

Answer 1

<div class="wrapper  {selected_class}">
  <div ng-click="selected_class='top-left'" class="top-left"></div>
  <div ng-click="selected_class='top-right'" class="top-right"></div>
  <div ng-click="selected_class='bottom-left'" class="bottom-left"></div>
  <div ng-click="selected_class='bottom-right'" class="bottom-right"></div>
</div>


.top-left .top-left{ transform:scale(2); } etc

如何从一个ng视图到另一个视图创建缩放动画？

1 个答案: