相关疑难解决方法(0)

是否可以更新iframe内的angularjs表达式?

所以...例如,我试图将一个电子邮件"模板"拉入iframe作为angularjs应用程序内部用户的"预览".iframe位于控制器区域内(让我们称之为MainCtrl).然后,用户可以使用MainCtrl中提供的表单元素,根据他们的输入更新预览.例如,假设我们将模板拉入iframe看起来像这样:

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <style type="text/css">
    .some {styles: here};
    </style>
</head>

<body>
    <h1>{{header}}</h1>

    <p>{{body}}</p>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)

因此,在我们的index.html(angularjs应用程序)中,我们将表单元素绑定到{{header}}和{{body}} ...

<div ng-controller="MainCtrl">
    <input type="text" ng-model="header" placeholder="header text" />
    <input type="text" ng-model="body" placeholder="body text" />
    <iframe src="template.html" width="800" height="1500"></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

那可能吗?angularjs是否可以更新该信息,如果是,如何更新?我有类似的设置,似乎它不会工作.我无法得到angularjs表达式来评估...显示的所有内容都是{{body}}等等......

html javascript iframe angularjs

8
推荐指数
1
解决办法
8839
查看次数

标签 统计

angularjs ×1

html ×1

iframe ×1

javascript ×1