如何呈现HTML内容而不需要任何导航到ng-view

Question

我想在不改变导航但基于用户操作的情况下将html模板呈现给ng-view。例如:当用户点击列表按钮时，我需要清除ng-view并显示与列表相关的内容到ng-view。当用户点击创建按钮时，需要在ng-view中显示与创建相关的内容，当用户点击视图页面时，需要在ng-view中显示与视图相关的内容。但我不想用任何导航链接来做那个。我有足够的按钮和动作。我想用Anugularjs做到这一点，而不使用jQuery。

Answer 1

如果你想改变ng-view中的内容而不引起url改变，那么你需要使用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将它们一起加载到主视图中