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

时间:2015-09-08 07:18:40

标签: angularjs responsive-design

我使用以下代码

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

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

moblie | Tablet | Desktop

点击按钮时,应在iframe mobile或iframe

中更改

如果不清楚问题,请在这里发表评论。

1 个答案:

答案 0 :(得分:2)

点击以下时使用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>