gpt4 book ai didi

angularjs - 在AngularJS中刷新iframe内容

转载 作者:行者123 更新时间:2023-12-04 03:01:12 25 4
gpt4 key购买 nike

我正在编写一个应用程序,它是Angular和jQuery的一部分。我通过将jQuery内容加载到iFrame中来分离它们。

在发生某个事件(例如,单击ng)时,我需要刷新iFrame。我的 Controller 包含以下代码:

$scope.refreshIframe = function() { //refresh the iFrame with id "anIframe" };

而iFrame是:
<iframe id="anIframe" src="myUrl"></iframe>

最佳答案

正如Paulo Scardine所说,正确的方法是通过一个指令cause you shouldn't use controllers to manipulate DOM

这样的事情可以做:

.directive('refreshable', [function () {
return {
restrict: 'A',
scope: {
refresh: "=refreshable"
},
link: function (scope, element, attr) {
var refreshMe = function () {
element.attr('src', element.attr('src'));
};

scope.$watch('refresh', function (newVal, oldVal) {
if (scope.refresh) {
scope.refresh = false;
refreshMe();
}
});
}
};
}])

然后可以像这样使用:
<iframe refreshable="tab.refresh"></iframe>

和 :
$scope.refreshIframe = function(){
$scope.tab.refresh = true;
}

关于angularjs - 在AngularJS中刷新iframe内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18718393/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com