角度获取属性值，找不到正确的方法

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&prop=sign-in'};

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

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