如何在没有任何导航到ng-view的情况下呈现html内容？

Question

我想将html模板渲染到ng-view而不改变导航，但是基于用户操作。例如：当用户点击列表按钮时，我需要清除ng-view并将与列表相关的内容显示到ng-view中。当用户点击“创建”按钮时，需要在ng-view中显示与创建相关的内容，当用户点击视图页面时，需要在ng-view中显示与视图相关的内容。但我不想使用任何导航链接来做到这一点。我有足够的按钮动作。我想在不使用jQuery的情况下使用Anugularjs。任何回复都赞赏......

Answer 1

如果您想更改ng-view中的内容而不导致更改网址，则需要使用ng-include根据模型\ scope的当前状态动态加载模板。

您定义了第一次在ng-view中加载的父视图

<div id='parent' ng-controller='parentController'>
   <div ng-include='currentViewUrl'>
</div>

根据不同的情况，在您的parentController中，您可以设置currentViewUrl

$scope.currentViewUrl='listView';

或

$scope.currentViewUrl='detailView';

currentViewUrl引用的这些模板可以是服务器端模板，也可以使用ng-template

一起加载到主视图中