javascript - 在不删除前一个 View 的情况下加载新 View

Question

我的 index.html 有以下 div

<div ng-view></div>

我的应用声明如下:

angular.module('app', [])
    .config(['$routeProvider', function($routeProvider){
            $routeProvider
                .when('/listen', {
                    templateUrl : 'partials/listen.html',
                    controller : PlaylistCtrl
                })
                .when('/settings', {
                    templateUrl : 'partials/settings.html',
                    controller : SettingsCtrl
                })
                .otherwise({
                    redirectTo : '/listen'
                })
        }
    ])
;

现在，当我在主页(即 /#/listen)，并单击指向 /#/settings 的链接时，它会替换包含 partials/settings.html 内容的页面。我怎样才能修改它以使内容不被替换，而只是添加？我的目标是让 settings 显示在模态对话框中，因此我不希望页面之前的内容被清除。

Answer 1

ng-view 不会在这里帮助你。

相反，您应该将 ng-include 与 ng-switch 或 ng-show 结合使用。

<div><ng-include src="listen.html"/></div>
<div ng-show="isOnSettingsUrl()"><ng-include src="settings.html"/></div>

或者类似的东西。

在父 Controller 中，您需要读取$routeParams，以便您可以实现isOnSettingsUrl()。