Question

我在我的dom中有这个

<div id=“my-lightbox-container" style="height: 0px;”>
<div id=“my-lightbox" role="dialog" style="width: 660px; height: 342px;”>
<button id=“my-close" aria-label="Close Dialog"></button>
<iframe id=“my-iframe" name=“my-iframe" title="" src="https://mysite.com/mypage.php?page=sign-in&amp;prop=sign-in" data-view-mode="" scrolling="no" frameborder="0" allowtransparency="true" style="display: block; width: 660px; height: 342px;"></iframe>
<div class="my-clear"></div>
</div>
</div>

我需要能够解析src的值来做一些业务逻辑。我需要获取我的属性的值。棱角分明的我很新。我做了一些阅读，似乎我应该使用指令。但是我无法理解这些解决方案。下面是我的控制器，它是准系统

module.exports = function($scope, $routeParams, $location)
{

}

非常感谢这里的任何帮助。来自jQuery背景。

Answer 1

使用ng-src指令代替src并将其绑定到范围内的变量：

<iframe id=“my-iframe" name=“my-iframe" title="" ng-src="context.url" data-view-mode="" scrolling="no" frameborder="0" allowtransparency="true" style="display: block; width: 660px; height: 342px;"></iframe>

在你的控制器中：

$scope.context = {'url':'https://mysite.com/mypage.php?page=sign-in&amp;prop=sign-in'};

这样，您的控制器变量和iframe源之间就会有双向绑定。如果一个改变，另一个将反映这种改变。

您可能还想查看$ sce服务：How to set an iframe src attribute from a variable in AngularJS Angular doc：https://docs.angularjs.org/api/ng/service/ $ sce

角度获取属性值并找不到合适的方法

1 个答案: