gpt4 book ai didi

javascript - AngularJs:AngularJS 部分中 标签的使用
转载 作者:行者123 更新时间:2023-11-28 08:08:30 24 4
gpt4 key购买 nike

我需要在我的部分 html 中使用 <\object> 标签或 <\iframe> ,并在另一个带有 ng-include 的 html 页面中使用该 html。这是我的尝试,

<div class="container">
<!-- This part is not showing anything in the page -->
<object ng-attr-data='"templates/widget_1.html"' type="text/html"></object>

<!-- This part is showing page in view -->
<div ng-include src='"templates/widget_2.html"'></div>
</div>

或者

如果我想在此页面中使用<\iframe>,我该如何使用它?

最佳答案

要实现这一点,您需要自己编写指令并加载模板

app.directive("object", function ($templateCache, $http, $compile)
{
return {
restrict:"E",
link: function ($scope, $element)
{

//load the external partial with http and cache into the $templateCache
$http.get($element.attr("ng-attr-data"), {cache: $templateCache}).then(function (response)
{
//Fill the loaded html into the element
$element.html(response.data);
//compile the scope on it, to enable bindings.
$compile($element.contents())($scope);
});
}
}
});

关于javascript - AngularJs:AngularJS 部分中 <object> 标签的使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24545480/

24 4 0