Angular JS將HTML頁面嵌入為小部件

Question

我正在嘗試學習Angular js 。 我想將另一個網站嵌入as a part of my webpage ； 在“ div ”中。 到目前為止，我有以下代碼可以為我做到這一點。

但是，嵌入式網站將具有超鏈接。 當有人單擊超鏈接時，是否可以在同一個div內顯示新內容？

可能嗎？

<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>

Answer 1

最簡單的方法是使用ui-router而不是ng-router 。 這個社區構建的模塊允許您使用嵌套視圖。 這意味着您可以將其他模板集成到您使用的模板中。

若要查看操作方法，建議您閱讀其有關嵌套視圖的精心編寫的指南： https : //github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views 。

Angular JS將HTML頁面嵌入為小部件

問題描述

1 個解決方案

解決方案1
1 已采納 2014-05-29 12:10:55

Angular JS將HTML頁面嵌入為小部件

問題描述

1 個解決方案

解決方案1 1 已采納 2014-05-29 12:10:55

解決方案1
1 已采納 2014-05-29 12:10:55