Angularjs 如何在站点中添加moblile表和桌面预览

我使用以下代码

<button class="md-primary">
<button class="md-primary">

<iframe src="{{LiveUrl}}"></iframe>

单击按钮时，应在iframe mobile或iframe内更改

---

如果问题不清楚，请在此处进行评论。

使用

ng src

并在单击时更改

LiveUrl

：

<button class="md-primary" ng-click="LiveUrl = 'theIframeUrl'">Desktop</button>
<button class="md-primary" ng-click="LiveUrl = 'theIframeMobileUrl'">Mobile</button>

<iframe ng-src="{{LiveUrl}}"></iframe>

桌面
可移动的

但我需要更改iframe属性，或者是否可以替换iframe的另一个标记。更好。您需要更改什么iframe属性？我需要像以下站点quirktools.com/screenfly/一样进行更改，当我单击按钮时，它应该预览移动和桌面视图。使用

ng类

播放，并在需要时添加/删除它们。