gpt4 book ai didi

javascript - Angular JS 将 html 页面嵌入为小部件

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

我正在尝试学习Angular js。我想嵌入另一个网站作为我网页的一部分;在“div”内。到目前为止,我有以下代码可以为我做到这一点。

但是,嵌入式网站将包含超链接。当有人点击超链接时,有没有办法在同一个div中显示新内容?

Is it possible?

<小时/>
<body ng-app="sampleApp">
<div ng-controller="CommonController">
<div>
<a href="#" ng-click="show()">ShowPage</a>
</div>
<div ng-bind-html-unsafe="expression"/>
</div>
<script
src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script>
var sampleApp = angular.module('sampleApp', []);
sampleApp
.controller(
'CommonController',
function($scope, $http) {
$scope.show = function() {
var responsePromise = $http
.get("http://localhost:8080/HelpDynamic/spring/welcome");
responsePromise.success(function(data, status,
headers, config) {
$scope.expression = data;
});
responsePromise.error(function(data, status,
headers, config) {
alert("AJAX failed!");
});
}
});
</script>
</body>

最佳答案

最简单的方法是使用 ui-router而不是ng-router。这个社区构建的模块允许您使用嵌套 View 。这意味着您可以将其他模板集成到您使用的模板中。

要了解如何操作,我建议您阅读其有关嵌套 View 的精心编写的指南:https://github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views .

关于javascript - Angular JS 将 html 页面嵌入为小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23932512/

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